리액트 훅 (1) 썸네일형 리스트형 [Epic React] useCallback과 안전한 비동기 훅 만들기 대충 만든 비동기 훅을 호출하고 렌더링 전 뒤로가기를 누르면 콘솔에 해당 로그가 나온다. 가비지 컬렉팅 전, 컴포넌트가 버츄얼 돔 상에 없어도 상태 업데이트를 시도할 수 있다. 해당 문제를 막으면서 useCallback을 공부해보자 1. useCallback은 언제 쓰는가. React.memo 사용 렌더링 최적화시 props로 동일 객체 넘겨주기 의존성 배열에 상태 변화 없음을 알려주기 2. Let's Coding 1. unmount된 컴포넌트의 상태 업데이트를 막는 훅을 보자 주석은 useLayoutEffect를 사용하란 의미다. (LayoutEffect가 더 먼저 실행된다.) function useSafeDispatch(dispatch) { const mountedRef = React.useRef(f.. 이전 1 다음
