react-redux 异步 dispatch 求助

推荐关注

› Meteor

› JSLint - a JavaScript code quality tool

› jsFiddle

› D3.js

› WebStorm

推荐书目

› JavaScript 权威指南第 5 版

› Closure: The Definitive Guide

This topic created in 2114 days ago, the information mentioned may be changed or developed.

本人刚开始用react-redux，目前在异步 dispatch 的时候，暂时用的redux-thunk
求助：dispatch(asyncFunc).then(...) 和 asyncFunc().then(dispatch)有什么区别？
（如果用错了请指出，确实是刚开始用）

dispatch

asyncfunc

异步

then

3 replies

7anshuai

Aug 11, 2020

https://redux.js.org/faq/actions#how-can-i-represent-side-effects-such-as-ajax-calls-why-do-we-need-things-like-action-creators-thunks-and-middleware-to-do-async-behavior
应该就是官方推荐在 action creator 函数里来执行有副作用的代码逻辑，要不然只能写在 UI 里了吧

xubeiyan

Aug 11, 2020 via Android

react 自己都不推荐 redux 了，usestate，useeffect，usememo，usereducer 选吧

xiaoming1992

Aug 12, 2020

@7anshuai 我是那样做的，只是不太清楚`dispatch(asyncFunc)`和直接执行`asyncFunc().then(dispatch)`有什么区别？是因为前者的优势有 1. 代码格式统一(都是 dispatch(something)); 2. 前者可以将业务逻辑全部放在`asyncFunc`里面; 是因为这两者吗？

@xubeiyan 组件间共享状态需要使用`useContext`, 可是这样搞就和`react-redux`的`hooks`没什么区别了