redux-thunk:操作必须是纯对象
redux-thunk是一个Redux中间件，用于处理异步操作。它允许开发人员在Redux应用中编写异步逻辑，而不仅仅是返回纯对象的同步操作。
Redux本身只支持同步操作，即通过派发（dispatch）一个描述性的动作对象来改变应用状态。但是在现实世界的应用中，我们经常需要进行异步操作，例如发送网络请求或者获取异步数据。redux-thunk中间件的作用就是允许我们的action creators（动作创建函数）返回函数而不是纯对象，这个函数可以进行异步操作，并在完成后再派发真正的动作。
redux-thunk的主要优势在于它简化了处理异步操作的复杂性，同时与Redux非常紧密地集成在一起，不需要引入其他第三方库。它允许我们以一种直观且易于理解的方式处理异步逻辑，提高了代码的可读性和可维护性。
应用场景包括但不限于：
- 发送网络请求并处理响应数据：例如在用户登录时向服务器发送登录请求并根据响应结果更新应用状态。
- 异步获取数据并更新应用状态：例如从服务器获取最新的新闻列表或用户信息，并将其更新到Redux的store中供应用程序使用。
- 复杂的业务逻辑：例如在特定条件下执行一系列异步操作，并根据每个操作的结果更新应用状态。
腾讯云提供的相关产品和产品介绍链接地址：
- 云函数 SCF（Serverless Cloud Function）：https://cloud.tencent.com/product/scf
- 云开发 TCB（Tencent Cloud Base）：https://cloud.tencent.com/product/tcb
- 云API网关 API Gateway：https://cloud.tencent.com/product/apigateway
- 云数据库 CDB（Cloud Database）：https://cloud.tencent.com/product/cdb
- 云存储 COS（Cloud Object Storage）：https://cloud.tencent.com/product/cos
以上产品均由腾讯云提供，可以满足不同场景下的异步操作需求，并与redux-thunk无缝集成。
相关·内容
1回答
我一直在尝试使用redux和redux-thunk来帮助从应用程序接口中获取json文件，但一直收到说明action must be a plain object的警告。dispatch(fetchingFailure(error)); });}; 以下是控制台中的输出/src/data/redux/reducers/appReducer";
import thunk from &q
浏览 11提问于2019-07-02得票数 0
回答已采纳
我正在尝试使用dipatch获取用户和客户端的列表，我得到了这个错误：“错误:操作必须是纯对象。相反，实际的类型是：'Promise‘。你可能需要在你的存储设置中添加中间件来处理分派其他值，比如'redux-thunk’来处理分派函数。”下面是我得到错误的代码： useEffect(() => { dispatch(ListUsers());
浏览 12提问于2021-10-25得票数 0
回答已采纳
使用Thunk中间件创建我的商店import thunk from 'redux-thunkcomponentDidMount(){ getArticle('http://api.example.com/')}
但得到的错误是：“动作必须是纯</
浏览 3提问于2017-05-04得票数 2
下面是我的Dispatch函数： /** NPM Packages */import { connect } fromdeleteCategory(id))};
export default connect(matchStatestoProps,dispatchStatestoProps)(Category); 以下是操作
浏览 17提问于2020-01-21得票数 0
我是redux初学者。我使用redux-thunk，然而，我只从这个函数中得到错误。
Error: Actions must be plain objects.
浏览 0提问于2017-11-25得票数 0
我有登录和注册工作，所以我知道redux-thunk是正确设置在商店。 rosterMembers: []}
操作
浏览 0提问于2018-09-29得票数 0
1回答
在调用操作时，我得到一个错误。我使用分派来传输对象，但在本例中它不起作用。告诉我错误是什么，以及如何正确地实现它？
浏览 25提问于2021-09-15得票数 1
但是，我得到了以下错误消息:未登录错误:操作必须是普通对象。使用自定义中间件进行异步操作。下面我已经包含了我认为是相关的代码片段。如果需要更多的信息，请告诉我。Provider } from 'react-redux';
import { createSt
浏览 0提问于2018-01-29得票数 0
回答已采纳
正如标题中所述，我得到的错误是“操作必须是普通对象...”尝试调用返回(调度) =>的操作时{ ... }我在这里创建了我的商店：这是违规的容器：
我知道还有很多类似的问题，但我无法从这些问题中收集到任何可操作的信息。我有redux-thunk，我在一个不同的项目中以这种方式使用它(它只是不使用像这样的容器，我将动作作为一个整体传递给子组件)，它工作得很
浏览 5提问于2017-02-07得票数 0
回答已采纳
ios虚拟机上的错误消息行:操作必须是纯对象。对异步操作使用自定义中间件。我注意到upLoadImageToFirebase()有一个问题。我在使用redux和firebase时遇到了这个问题。"react-redux": "^6.0.1","redux-thunk": "^2.3.0"
"react-
浏览 0提问于2019-03-29得票数 0
2回答
我在React上测试Redux，当我在控制台中运行npm run start时，我得到了提到的错误消息，这是我的代码，在index.js文件上，用'npx create-react-app‘生成： import {createStore} from 'redux';
return{ }const decrement =()=>{ type:'DECREMENT'}
cons
浏览 13提问于2020-09-10得票数 3
回答已采纳
2回答
我正在尝试找出为什么我无法从redux-thunk接收到本应传递的dispatch()函数。我尝试了几个不同的编码教程，但似乎都不适合我，但我确实注意到有几种不同类型的实现。所以我的问题很简单，为redux-thunk编写异步函数以确保调度被调用的整体正确方法是什么？注意:我可以调用操作创建者，但错误: 1)调度不是操作2)操作需要是纯对象我的商店配置是：impo
浏览 0提问于2018-04-30得票数 0
我是react的初学者。我想使用react redux来请求api。错误:操作必须是纯对象。对异步操作使用自定义中间件。发生错误。有什么问题请帮我解决。 我想问一下redux中间件应该如何应用。from 'redux';import ReduxThunk from 'redux-thu
浏览 26提问于2019-09-02得票数 0
回答已采纳
下面是代码const store: any = compose(applyMiddleware(thunk))(createStore)(rootReducer);
//
浏览 0提问于2017-11-03得票数 0
我试图通过使用redux watch订阅更改来监视redux store属性中的更改。对于一个属性，它工作得很好。另一方面，我在reducer中发出API请求(不能在动作中发出异步请求)。import watch from 'redux-watch'; constructor(
浏览 2提问于2019-06-23得票数 0
1回答
据我所知，动作是javascript对象，但我不确定它将如何与商店交互。TIMER_START: default: }这是否是在商店中实现超时的有效方法由于我们希望在Redux中使用纯函数，所以我不确定是否可以取消超时。
浏览 0提问于2019-07-11得票数 0
回答已采纳
看起来像这样：我使用combineReducers，这样foo、bar和baz都有自己的缩减程序来解释更改自己状态的相关操作但我遇到了这样一种情况，根据baz的状态，操作可能具有foo可能感兴趣的隐含。2)以某种方式让baz reducer分派一个相关的操作，然后foo将获得该操作。
从描述性的角度来看，这对我来说是有意义的，但我实际上不知道如何做到这一点。看起来这不是redux-thunk做的(尽管我不确定)，然后我真的不知
浏览 2提问于2018-09-22得票数 0
据我所知，如果我错了，请纠正我，是一个中间件，它帮助我们在操作本身中调度异步函数和调试值，而当我使用时，如果不实现我自己的机制，我就无法创建异步函数，因为操作抛出了一个仅调度纯对象的异常。或者坚持redux-thunk就足够了吗？
浏览 7提问于2016-04-12得票数 98
回答已采纳
每次在app.js上使用useEffect加载应用程序时，我都会尝试运行一个操作，如下所示： 26 | const App = () => { 28 | useEffect(() => { 30 | }, []); 32 | return ( 我得到的错误是： Error操作： export const loadUser = () => (dispatch, getState)
浏览 29提问于2020-03-23得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
云直播
对象存储活动推荐
腾讯云开发者
