[React Hook] useRef

 

useState와 다르게 값이 재할당 되어도 리렌더링이 되지 않는다. 

객체의 ref 속성을 통해 값을 할당하고, 이 값은 .current 속성에 저장.

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

function App() {
  const inputRef = useRef(null);

  useEffect(() => {
    // 컴포넌트가 마운트된 후 input 요소에 자동으로 포커스
    inputRef.current.focus();
  }, []);

  return (
    <div>
      <input ref={inputRef} type="text" />
    </div>
  );
}