강의

멘토링

로드맵

Inflearn コミュニティ Q&A

alswl63291123 のプロフィール画像
alswl63291123

投稿した質問数

一口サイズでかじり取るReact.js:基礎から実践まで

10.3) React.memoとコンポーネントレンダリングの最適化

areEqual 질문 입니다.

解決済みの質問

作成

·

549

0

안녕하세요!

const MemoizedCounterB = React.memo(CounterB, areEqual);

위 코드에서 따로 areEqual에 따로 전달해준 값이 없는데 prevProps, nextProps는 어디서 어떻게 받아오는건가요?

nodejsreactjavascript

クイズ

React 앱 최적화의 주된 목표는 무엇일까요?

새로운 기능 추가

코드 가독성 향상

서비스 성능 개선

개발 시간 단축

回答 2

1

winterlood님의 프로필 이미지
winterlood
インストラクター

안녕하세요 이정환입니다.

areEqual은 콜백함수로 React.memo가 리렌더링이 필요할지 판단하고자 할 때 호출됩니다.

이것은 배열 메소드의 map, forEach와 유사하다고 볼 수 있는데요, map 메서드의 경우 전달하는 콜백함수에 매개변수로 index, item이 제공되는 것 처럼 React.memo에 전달하는 areEqual 함수 또한 React.memo가 필요할때 호출하여 매개변수를 제공합니다.

0

저도 이게 궁금합니다.

React.memo의 인자로 함께 들어가는 컴포넌트의 props변화를 areEqual이 알아서 인식하게 되는건가요?

alswl63291123 のプロフィール画像
alswl63291123

投稿した質問数

質問する