React.memo
-
React.memo *컴포넌트 성능 최적화Study/React 2020. 1. 9. 18:39
컴포넌트가 불필요하게 리렌더링이 된다면 앱의 성능을 떨어뜨리는 주 원인이 될 것이다. 따라서 컴포넌트의 리렌더링을 방지해주는 것이 필요한데, 그것이 바로 React.memo 함수 이다. React.memo 함수는 컴포넌트 props가 바뀌지 않았다면 리렌더링을 방지해준다, 즉, 리렌더링이 필요한 상황에서만 컴포넌트가 리렌더링 될 것이다. React.memo 사용법 1. React.memo( component ) - component : 불필요한 리렌더링 방지하고 싶은 컴포넌트 import React from 'react'; function CreateUser({ username, email, onChange, onCreate }) { return ( //코드 생략 ); } export default Re..