10.3.4.2 TodoListItem에서 토글 함수 호출하기

    이제 App에서 만든 onToggle 함수를 TodoListItem에서도 호출할 수 있도록 TodoList를 거쳐 TodoListItem에게 전달하겠습니다.

    TodoList.js

    import React from 'react';
    import TodoListItem from './TodoListItem';
    import './TodoList.scss';
     
    const TodoList = ({ todos, onRemove, onToggle }) => {
      return (
        <div className="TodoList">
          {todos.map(todo => (
            <TodoListItem
              todo={todo}
              key={todo.id}
              onRemove={onRemove}
              onToggle={onToggle}
            />
          ))}
        </div>
      );
    };
     
    export default TodoList;

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