DOM에 접근하는 useRef (리랜더링 x)

togongs·2022년 2월 25일
0

2022

목록 보기
19/19

useRef (저장공간, 사물함)

  • 엘리먼트 태그를 참조한다
  • 데이터 보관하여 리렌더링 없이 사용 (값이 바뀌면 리랜더링 되는 useState와의 차이점)
const App = () => {
        const inputRef = useRef(null);

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

        return (
          <>
            <input ref={inputRef} />
          </>
        );
      };
// input태그에 포커스를 맞춘다
profile
개발기록

0개의 댓글