10.3.3.3 TodoListItem에서 삭제 함수 호출하기

    TodoListItem에서 방금 만든 onRemove 함수를 사용하려면 우선 TodoList 컴포넌트를 거쳐야 합니다. 다음과 같이 props로 받아 온 onRemove 함수를 TodoListItem에 그대로 전달해 주세요.

    TodoList.js

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

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