React: 조정 성능 기능 대 클래스 구성 요소

PureComponent에서 함수 구성 요소를 래핑하면 관찰된 "렌더링 시간"이 크게 단축되었습니다. (~160ms에서 ~60ms까지)

TreeNodeComponent 렌더링하는 데 비용이 많이 드는 경우 예상됩니다. React.PureComponent 는 소품이 변경되지 않은 경우 조기에 구제됩니다.

클래스 구성 요소를 함수 구성 요소(후크 포함)로 마이그레이션하는 동안 상당한 성능 저하를 발견했습니다.

React.Component 를 확장하는 클래스에서 함수 구성 요소로 이동하면 성능 저하가 발생했다는 말씀이신가요? 아니면 이미 React.PureComponent (또는 shouldComponentUpdate )를 사용 중이었습니까?

React.memo 를 사용하여 기능 구성요소와 동일한 구제금융 의미를 얻을 수 있습니다.

React.Component 에서 shouldComponentUpdate 로 마이그레이션했습니다.

"렌더링"을 피하기 위해 React.useMemo 를 사용합니다.
React.memo 는 PureComponent 결과만큼 좋은 결과를 산출합니다. (~50-60ms)

명확히 해 주셔서 감사합니다.

기능적 구성 요소 또는 클래스 구성 요소 중 어느 것이 더 잘 수행되는지 알지 못했습니다. 긴 목록에는 무엇을 사용해야 하나요?