- React에서 ref는 렌더링과 효과 실행 사이에 해당 값을 표현한다. 👍
- 에펙트는 렌더링 이후에 실행되기 때문에, 단순히
previous = current
와 같이 구현하면 기대하지 않은 결과를 얻을 수 있다. 🤔 useRef
를 활용하면 현재 값을 저장하는 ref를 통해 예상되는 동작을 달성할 수 있다. 💡forceUpdate
를 사용해 다른 상태 변경을 유발하면 ref가 up-to-date로 유지될 수 있다. 🚀- 최신 상태를 사용하는 ref가 아닌, 렌더링 전 상태를 저장하고 싶다면
useCallback
과 같은 함수를 사용하여 ref를 업데이트하거나, 렌더링 사이에 ref를 업데이트한다. 🗝️