1. useRef
https://www.daleseo.com/react-refs/
[React] ref로 HTML 엘리먼트에 접근/제어하기
Engineering Blog by Dale Seo
www.daleseo.com
함수 컴포넌트는 인스턴스가 없어서 ref attribute를 사용할 수 없다.
forwardRef를 사용하면 부모 컴포넌트로부터 하위 컴포넌트로 ref를 전달할 수 있는데요, 이렇게 전달받은 ref를 HTML 요소의 속성으로 넘겨줌으로써 함수 컴포넌트 역시 ref를 통한 제어가 가능해진다.
2. forwardRef (useRef와 차이 보여줌)
https://merrily-code.tistory.com/121
forwardRef로 함수 컴포넌트의 ref 전달하기
토스의 첫 개발 컨퍼런스, SLASH21이 막을 올렸습니다! 저는 이런 컨퍼런스 홍보 페이지를 보면 항상 개발자 도구에 먼저 손이 가곤 하는데, 이번에는 특이하게도 페이지가 리액트로 제작되어 있
merrily-code.tistory.com
'Front-end > React.js(Next.js)' 카테고리의 다른 글
Redux middleware(리덕스 미들웨어) (0) | 2022.12.04 |
---|---|
Vue, React 자동로그인 (0) | 2022.12.04 |
React- router (0) | 2022.11.09 |
React 기본 (초기 세팅) (0) | 2022.11.07 |
Context API, useReducer (0) | 2022.11.05 |