react memo1 [react] 불필요한 리렌더링 방지하기 - React.memo 성능 최적화 React.memo 리액트 애플리케이션에서는 state의 변화가 없는 컴포넌트도 다른 요인에 의해 리렌더링 되는 경우가 있습니다. 대표적으로 부모가 렌더링 되면서 함께 렌더링이 되는 경우입니다. 이런 경우에는 React의 memo 메서드로 해당 컴포넌트를 저장했다가 재사용할 수 있습니다(memoization). memo 메서드로 감싼 컴포넌트는 렌더링이 트리거 될 때 prop의 변화가 없는 경우 이전 렌더링 결과를 재사용합니다. 예시 App.js import React, { useState } from "react"; import Item from "./Item"; const App = () => { const [numbers, setNumbers] = useState([1, 2, 3]); return .. 2019. 12. 23. 이전 1 다음
