useRef

useRef

• 전달된 인자를 .current의 초기값으로 반환한다.
• .current 값을 변경해도 리렌더링 되지 않는다.

useEffect 와 useRef를 함께 이용해서 input 상자를 클릭하지 않아도 자동으로 커서가 깜빡이게 만들 수 있다.

export default function UseRefPage() {

const inputRef = useRef(null);

useEffect(() => {
  inputRef.current.focus();
  }, []);

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