useRef

김병화·2023년 1월 13일
0
  1. useRef()를 사용하여 Ref 객체를 만든다.
  const nameInput = useRef();

  1. 선택하고 싶은 DOM에 ref 값으로 설정해준다.
<input
  name="name"
  placeholder="이름"
  onChange={onChange}
  value={name}
  ref={nameInput}
/>
  1. .current가 우리가 원하는 DOM을 가르키게 된다.
const onReset = () => {
    setInputs({
      name: '',
      nickname: ''
    });
    nameInput.current.focus();
  };

0개의 댓글