목록2024/11/04 (2)
똑같은 삽질은 2번 하지 말자
React vol.23 예상치 못한 랜더링이 일어났던 케이스
개요React로 개발을 하면서 예상치 못한 랜더링으로 인해 고생을 했던 케이스들을 모아보았다. 자식 컴포넌트에서 부모 컴포넌트에서 받은 상태를 변경하는 콜백 함수를 useEffect의 의존성으로 등록하고 실행할 때 밑의 코드를 보면 Parent의 handleUpdate가 실행되면 setNumber에 의해 부모 컴포넌트가 리렌더링되고 그로 인해 handleUpdate도 새롭게 재할당된다. 이 재할당으로 인해 자식 컴포넌트에서 onUpdate가 변경됨을 감지 다시 handleUpdate가 실행된다.import { useEffect, useState } from "react";type ChildProps = { onUpdate: () => void;};function Child({ onUpdate }: ..
카테고리 없음
2024. 11. 4. 17:37
2024년 11월 기술 회고록 + 일상 기록
보호되어 있는 글입니다.
카테고리 없음
2024. 11. 4. 16:44