더북(TheBook)

11.2 최적화 진행

 

11.2.1 TodoList 컴포넌트 최적화

 

TodoList 컴포넌트는 todos props를 바꿀 때만 리렌더링되어야 합니다. 따라서 todos 값을 바꿀 때만 컴포넌트에 업데이트하도록 shouldComponentUpdate 메서드에서 업데이트 조건을 설정하겠습니다.

src/components/TodoList/TodoList.js

import React, { Component } from ‘react’;
import TodoItem from ‘../TodoItem’;
 
class TodoList extends Component {
  shouldComponentUpdate(nextProps, nextState) {
    return this.props.todos !== nextProps.todos;
}

신간 소식 구독하기
뉴스레터에 가입하시고 이메일로 신간 소식을 받아 보세요.