반응형
250x250
Notice
Recent Posts
Recent Comments
Link
728x90
반응형
목록 react.memo (1)
728x90
반응형
이롭게 현명하게
[React] 리액트 React.memo
목차 React.memo? 구조 [React.memo?] React.memo는 고차 컴포넌트(HOC : High Order Component)이다. 컴포넌트가 동일한 props로 동일한 결과를 렌더링한다면 React.memo를 호출하고 결과를 메모이징(Memoizing) 하도록 래핑하여 경우에 따라 성능 향상을 누릴 수 있다. 즉 React는 컴포넌트를 렌더링 하지 않고 마지막으로 렌더링된 결과를 재사용한다. React.memo는 props 변화에만 영향을 준다. 필요한 상황에서만 리렌더링을 하도록 설정한다. 컴포넌트의 props 가 바뀌지 않았다면 리렌더링을 방지한다. props가 복잡한 객체인 경우 React.memo는 얕은 비교만 한다. 상태 관리 시 함수형 업데이트를 하면 최신 상태를 참조하기 때..
웹 개발/React
2024. 1. 17. 18:36