https://ko.reactjs.org/docs/hooks-reference.html#useref
useRef는 .current 프로퍼티로 전달된 인자(initialValue)로 초기화된 변경 가능한 ref 객체를 반환합니다. 반환된 객체는 컴포넌트의 전 생애주기를 통해 유지될 것입니다.
MutableRefObject는 HTML DOM 요소에 접근할 수 있게 하는 기능을 한다.
input에 ref={authorInput} 을 넣어주고
onChange 함수인 handleSubmit에서 authorInput.current.focus() 를 넣어주게 되면 저 조건을 만족시켰을 경우
input에 focus가 생기게 된다.
'React' 카테고리의 다른 글
| [React] 배열을 이용해서 데이터 추가하기 (0) | 2022.06.11 |
|---|---|
| [React] 배열로 리스트 사용하기 (map) (0) | 2022.06.10 |
| [React] useState로 사용자 입력 받기 (0) | 2022.06.10 |
| [React] class 컴포넌트에서 함수 컴포넌트로 바꾸기 (0) | 2022.06.10 |
| [React] state와 props (0) | 2022.06.09 |