profile
개발공부 막 시작했습니다 틀린정보가 있을경우 알려주시면 감사하겠습니다

useRef의 사용법

useRef란 useRef란 리액트의 Hook중 하나로 우리가 평소 DOM을 선택할때 querySelector를 사용한것처럼 react에서는 useRef가 HTML 태그에 접근을 도와준다 useRef의 사용법 위의 코드에서 console.log를 보면 위와같이 input태그의 정보를 가져온다 즉 current는 DOM을 가르키고 현재 input에 ref={fileRef}을 통해 fileRef가 인풋태그의 DOM에 접근한것이다 그럼 여기서 fileRef.current.value, fileRef.current.id를 할수 있다는 것이고 현재 코드는 해당 input태그를 클릭하는 것이다 useRef 언제 사용할까??? 위의 코드와 같이 input type="file" 인 input태그를 다른 태그와 연결시켜 css를 수정 웹페이지에 접속시 자동으로 입력란에 포커스가 되도록 useEffect와 함께 사용 혹은

2023년 2월 6일
·
0개의 댓글
·