Todos案例（二）02-删除任务—— 查找要删除的数据索引-item.id === id & 根据索引删除数组的元素-arr.splice(index, 1)

删除任务—— 查找要删除的数据索引-item.id === id & 根据索引删除数组的元素-arr.splice(index, 1)

• 更加id删除数组中的数据

结构

<button className="destroy" onClick={this.handleDelete.bind(this, item.id)}></button>

方法

handleDelete = (id) => {
  // 控制删除操作
  let todos = [...this.state.todos]
  // 查找要删除的数据索引
  let index = todos.findIndex(item => {
    return item.id === id
  })
  // 根据索引删除数组的元素
  todos.splice(index, 1)
  this.setState({
    todos: todos
  })
}

删除历史记录效果