无法删除我点击删除按钮的项目 - React

Question

我有一个简单的CRUD待办事项列表，之前我的删除功能正常工作。但是，由于添加了一个新的功能，它不再有效，我无法弄清楚为什么？

Here is a link to the sandbox

数据

const tasks = [
  { name: 'task1', isComplete: false },
  { name: 'task2', isComplete: true },
  { name: 'task3', isComplete: false },
]

删除功能

deleteTask(taskToDelete) {
    this.setState(prevState => {
      const tasks = prevState.tasks.filter(task => task.name !== taskToDelete);
      return { tasks };
    });
    console.log("Deleted task: "+taskToDelete)
  }

如何调用函数：

<button onClick={this.handleDelete.bind(this)}>Delete</button>

handleDelete() {
    const taskToDelete = this.props.name;
    this.props.deleteTask(taskToDelete);
  }