关于异步action的代码

来源：7-7 前端架构之抽象2：网络请求层封装（ redux-thunk）（2）

慕虎9189897

2019-07-26

请问这段代码中，为什么需要第二个return，返回的dispatch(fetchLikes)交给谁使用了

export const actions = {
  loadLikes: () => {
    return (dispatch, getState) => {
      const endpoint = url.getProductList(0, 10)
      return dispatch(fetchLikes(endpoint))
    }
  },
}

写回答

1回答

艾特老干部

2019-07-29

已采纳

你好，第二个return会返回一个Promise对象，因为会被api.js这个中间件处理，Promise包含了请求数据的结果，container层调用这个action时，可以这样写：

this.props.homeActions.loadLikes().then((res) => {
//do something
})

我们的项目中并没有这种调用场景，这样写更多的是一种redux最佳实践写法。

慕虎9189897

非常感谢！

2019-07-29

共1条回复

React16+Redux实战企业级大众点评Web App

从架构设计到部署上线,带你学习React技术栈与核心思想

1071 学习 · 306 问题

查看课程

相似问题

关于课程里对异步action封装的问题？

回答 1

集成redux后的一个疑问

回答 1

老师，为什么需要异步action？

回答 1

reducer中发送多个fetch请求

回答 1

点击关键词跳转搜索结果，是不是应该等结果返回再执行跳转，为什么这里是直接同步的写法

回答 1

打开慕课网App查看更多内容