리액트에서 돔 엘리먼트를 변수로 참조하는 방법

function App() {

    const name = React.createRef(); // 변수를 먼저 선언한다.

    return (

        <>

            // 선언한 변수를 참조하고 싶은 엘리먼트에 대입한다.

            <input ref={name} type="text" /> 

            // name.current와 같은 방법으로 엘리먼트를 참조할 수 있다.

            <button onClick={()=> console.log(name.current.value)}>클릭</button>

        </>

    );

}

 

위 방법은 어쩔 수 없이 사용해야할 때에만 쓴다.