유튜브블로그Top 10
내 프로필

데브허브 안내
소개업데이트 소식

데브허브 커뮤니티

usePrevious() - A discussion about common React misconceptions

Theo - t3․gg

2024. 12. 6.

0

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

Recommanded Videos