Todos接口重构（二）——添加任务对接接口-let res = await axios.post(‘todos‘, {etitle etitle })

Todos接口重构——添加任务对接接口-let res = await axios.post(‘todos’, {etitle: etitle })

• 产生一个异步action

src/store/ActionCreator.js

export const addTaskActionAsync = (etitle) => {
  return async (dispatch) => {
    // 调用接口，添加任务，调用后台接口添加任务
    let res = await axios.post('todos', {
      etitle: etitle,
      done: false,
      isEdit: false
    })
    // 刷新列表
    let action = getTodosListAsync()
    dispatch(action)
    // let action = addTaskAction(res.data.etitle)
    // dispatch(action)
  }
}

触发动作

src/views/container/HeaderContainer.js

// 1、创建添加任务的Action
// let action = Actions.addTaskAction(e.target.value)
let action = Actions.addTaskActionAsync(e.target.value)
// 2、将action分发出去
dispatch(action)

添加效果