14.4.5 프로젝트 마무리

이제 거의 다 끝났습니다. 현재 TodoList 컴포넌트는 todos를 객체로 구성된 배열로 받도록 되어 있는데, Map들로 구성된 List 형태의 객체를 전달했으니 이에 맞추어서 코드를 수정해야 합니다.

src/components/TodoList/TodoList.js - render 함수

  render() {
    const { todos, onToggle, onRemove } = this.props;
    const todoList = todos.map(
      todo => (
        <TodoItem
          key={todo.get(‘id’)}
          done={todo.get(‘done’)}
          onToggle={() => onToggle(todo.get(‘id’))}
          onRemove={() => onRemove(todo.get(‘id’))}>
          {todo.get(‘text’)}
        </TodoItem>
      )
    );
 
    return (
      <div>
        {todoList}
      </div>
    );
}