Todos接口重构（三）——删除任务接口对接-let res = await axios.delete(‘todos‘ + id)

Todos接口重构——删除任务接口对接-let res = await axios.delete(‘todos/’ + id)

• 删除异步Action

src/store/ActionCreator.js

export const deleteTaskActionAsync = (id) => {
  return async (dispatch) => {
    let res = await axios.delete('todos/' + id)
    // 刷新列表
    let action = getTodosListAsync()
    dispatch(action)
  }
}

触发动作

src/views/container/ListContainer.js

deleteTask: (e) => {
  // 控制任务删除操作
  // 1、生成一个删除任务的action
  let id = e.target.dataset.id
  // let action = Actions.deleteTaskAction(id)
  let action = Actions.deleteTaskActionAsync(id)
  // 2、分发action
  dispatch(action)
}

删除效果