[React] ETC

부모 컴포넌트가 자식 엘리먼트에 ref 걸어 참조하기

import React, {useEffect, useRef} from 'react';

const Wrapper = ({children}) => {
    const ref = useRef();

    useEffect(() => {
        console.log(ref);
    }, [ref.current]);

    return children(ref, 'Hello');
};

const App = () => {
    return (
        <div>
            <Wrapper>
                {(ref, text) => (
                    <div ref={ref}>{text}</div>
                )}
            </Wrapper>
        </div>
    )
};

export default App;