Front-end/React.js(Next.js)

useRef, forwardRef

prden 2022. 11. 10. 15:35

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