https://react.vlpt.us/basic/12-variable-with-useRef.html
12. useRef 로 useRef 로 컴포넌트 안의 변수 만들기 · GitBook
12. useRef 로 컴포넌트 안의 변수 만들기 컴포넌트에서 특정 DOM 을 선택해야 할 때, ref 를 사용해야 한다고 배웠었습니다. 그리고, 함수형 컴포넌트에서 이를 설정 할 때 useRef 를 사용하여 설정한
react.vlpt.us
useRef 로 관리하는 변수는 값이 바뀐다고 해서 컴포넌트가 리렌더링되지 않습니다. 리액트 컴포넌트에서의 상태는 상태를 바꾸는 함수를 호출하고 나서 그 다음 렌더링 이후로 업데이트 된 상태를 조회 할 수 있는 반면, useRef 로 관리하고 있는 변수는 설정 후 바로 조회 할 수 있습니다.
나는 일단
리액트도 실행될때 전체 컴포넌트들 다 렌더링돼서
부분만 렌더링해주려고 useRef 쓴다라고 이해했지
https://www.daleseo.com/react-hooks-use-ref/
React Hooks: useRef 사용법
Engineering Blog by Dale Seo
www.daleseo.com
useRef 사용하기
useRef 함수는 current 속성을 가지고 있는 객체를 반환하는데, 인자로 넘어온 초기값을 current 속성에 할당합니다. 이 current 속성은 값을 변경해도 상태를 변경할 때 처럼 React 컴포넌트가 다시 랜더링되지 않습니다. React 컴포넌트가 다시 랜더링될 때도 마찬가지로 이 current 속성의 값이 유실되지 않습니다.
useRef 훅 함수가 반환하는 객체의 이러한 독특한 성질을 이용하여 startCounter()와 stopCounter() 함수를 구현해보았습니다.
'프론트 > 리액트 react' 카테고리의 다른 글
| useEffect 리액트 코드실행 제어(render 한번만) (0) | 2022.03.23 |
|---|---|
| 리액트 prop type 오류체크하는 법 (0) | 2022.03.23 |
| 리액트 BrowserRouter (0) | 2021.10.27 |
| 투두리스트 컴포넌트 만드는중 (정신차려~에러해결기록) (0) | 2021.10.26 |
| 가운데 정렬 margin / flex (0) | 2021.10.26 |