为什么在action call inn组件中出现“action必须是纯对象。”- error？
在React Redux中，action通常是一个纯对象，它描述了一个操作的类型和数据。然而，在使用action creator时，如果没有正确地返回一个纯对象，就会出现"action必须是纯对象"的错误。
action creator是一个函数，用于创建并返回一个action对象。通常情况下，我们使用Redux中的bindActionCreators或者手动创建action对象来调用action creator。但是在某些情况下，可能会发生错误，导致action creator返回了一个非纯对象。
以下是一些可能导致错误的原因和解决方法：
- 忘记使用return关键字：在编写action creator时，一定要确保在函数内部使用return关键字返回一个纯对象。例如：return {type: 'ACTION_TYPE', payload: data}。
- 异步操作返回了一个函数：有时候，我们可能在action creator中进行异步操作，例如从服务器获取数据。如果在异步操作中返回了一个函数而不是纯对象，就会导致错误。解决方法是使用redux-thunk等中间件来处理异步操作，或者使用async/await等语法来确保正确返回纯对象。
- 使用了错误的语法或逻辑错误：在编写action creator时，要仔细检查代码逻辑和语法错误。确保正确地创建并返回纯对象。
总结来说，出现"action必须是纯对象"的错误通常是由于action creator返回了非纯对象的原因。检查代码逻辑和语法错误，并确保在action creator中正确地返回一个纯对象即可解决此错误。
关于云计算相关的名词词汇和腾讯云产品介绍链接地址，以下是一些例子：
- 云计算：云计算是一种通过互联网提供计算资源和服务的模式，它可以实现按需访问、快速扩展和灵活配置的计算能力。腾讯云产品介绍链接地址：https://cloud.tencent.com/developer/solution/3
- React Redux：React Redux是一个用于管理React应用状态的库。它通过提供一个可预测的状态容器，简化了组件间数据流的管理。腾讯云产品介绍链接地址：https://cloud.tencent.com/product/trtc
- redux-thunk：redux-thunk是一个Redux中间件，用于处理异步操作。它允许action creator返回函数而不是纯对象，并支持在函数中进行异步操作。腾讯云产品介绍链接地址：https://cloud.tencent.com/product/cdb
- async/await：async/await是JavaScript中处理异步操作的语法糖。它简化了异步代码的编写，并使代码更具可读性。腾讯云产品介绍链接地址：https://cloud.tencent.com/product/cls
相关·内容
在我的项目中，我有动作调用，服务(用于http抓取请求)。在实际操作中，我调用服务，并在其执行后进行分派，以便调用reducer。在我的组件中，我通过mapDispatchToProps调用此操作。在组件加载时，我遇到错误，并且不太明白原因 http服务： export class HttpService { 'Content-Typetype: RECEIVE_MODELS,
浏览 13提问于2020-07-15得票数 0
回答已采纳
2回答
我有一个组件，它显示项目的列表。我从componentDidMount()中的服务器获取数据。在还原器中，我选择第一项，设置一个currentProject变量。我想显示与此项目相关联的任务。如何确保在获取任务之前设置了此变量class Projects extends React.Component { super(props)const mapStateToProps = (state) => {
const { user } =
浏览 0提问于2018-09-25得票数 1
回答已采纳
联系人Saga处理程序 try { } catch (error) { }前端表单handleSubmit函数：watcherSaga() { takeEv
浏览 3提问于2021-08-05得票数 0
回答已采纳
我正致力于将我的$resource请求包装在一个简单的包装器中。其主要思想是能够在发出请求之前添加一些逻辑。我关注了写的一篇很好的文章。 (AccessToken.get().access_token) ?发生的情况是，当创建的资源的JSON返回时，它不会被添加。我只有我在创建阶段设置的数据。让我举个例子。
在本例中，我们使用包装的资源。如果我尝试获取#update
浏览 0提问于2013-02-09得票数 2
1回答
用属性C#包装方法
、、、、
index])
return failures_count
.WaitAndRetry(3, retryAttempt => TimeSpan.FromSeconds(5));
浏览 3提问于2017-04-28得票数 1
回答已采纳
2回答
我有一个reducer函数，在这个函数中，我必须进行API调用，然后将其结果作为state返回。但是由于API调用是异步的，所以state的值不会更新。if (action.type==='CREATE_POST') { const res=await fetch(application/json' body: JSON.strin
浏览 0提问于2021-07-27得票数 3
FBDialogs似乎是分享照片的好方法，因为它不需要用户身份验证和应用程序的属性。iOS 6本机共享表看起来很棒，但是我们的一些用户只安装了facebook应用程序，并且没有在OS设置中配置Facebook。我想使用FBDialogs，然后返回到共享表。不幸的是，我找不到一种方法来做这个看似简单的工作。所有OpenGraphAction函数都需要一个URL来生成预览文本。是否有可能使它像iOS股票表一样工作呢？
浏览 1提问于2013-06-15得票数 0
我有一个类似下面的源代码，我不知道为什么我在143行得到了错误，但是在137行我没有得到这样的错误。你知道如何确保TypeScript在143行的类型是正确的吗？也许我应该添加一些类型，如果是这样的话，在哪里？ ? 我还以纯文本的形式插入源代码： exhaustMap(action =>
// call asyncProcess() and delay until promise is fulfil
浏览 23提问于2021-02-06得票数 0
回答已采纳
我真的很困惑于redux中的Object.assign()。 switch (action.type) { state.name = action.payload
浏览 2提问于2017-05-20得票数 0
回答已采纳
1回答
我正在尝试执行计算函数的初始触发器，一旦调用完成，它需要来自两个下拉列表的值，但是由于状态设置是异步的，我不知道何时触发它？我已经尝试了从我的组件上的状态设置函数，但我总是被告知我不能在调度时调度(即通过action/store方法调用我的calc函数)。 return AvailabilityTimePresetsStore.getState();上面的代码
浏览 12提问于2018-01-03得票数 0
首先，我想提到的是，我在两种方法之间唯一改变的是setState与Redux之间的关系。不改变其他任何东西，如组件等。modals) => { type: types.SET_IS_DISPLAYED_MODAL, };这样你就可以在我的组件中看到它的样子我还知道，如果我在我的mapStateToProps中设置了调试器，我就会用更新的状态来点击它。所以我知道行
浏览 1提问于2016-12-04得票数 0
回答已采纳
2回答
(对不起)基本上，当Saga函数出现错误时，我想用错误字符串调用组件中的onError函数。所以我可以启动蛇条5秒，然后再把它藏起来。class RegisterForm extends React.Compone
浏览 2提问于2017-09-09得票数 1
回答已采纳
3回答
这不是一个给我代码的问题，这是一个可行性问题。如果我使用CallKit发起一个电话呼叫，是否也可以通过编程方式结束它？
浏览 3提问于2016-11-08得票数 12
回答已采纳
2回答
以前，我们使用通用的基于promise的操作，一旦我们可以在操作本身上使用async/await、.then()和.catch()，就可以很容易地管理组件流。((car) => <li>{car.name}</li>);function* fetchCarsSaga() { const {data} = yield call);}
fetchCarsRequest()
浏览 1提问于2021-03-22得票数 0
它看起来是这样的：import { createContext } from 'react'
import { action, decorate, observable, computed, ru
浏览 1提问于2019-08-20得票数 0
axios';
counter: 0,};
switch (action.type) { axios.get('https
浏览 13提问于2019-12-02得票数 2
function* updateUserProfile(action) { let data = action.payload; yield put({ type: types.USER_PROFILE_UPDATE_SUCCESSput(push('/
浏览 1提问于2019-04-29得票数 1
回答已采纳
假设我有一个传奇故事，看起来是这样的： try { yield put({ payload: res.data.auth}; yield put({ type: USER_
浏览 0提问于2019-03-09得票数 6
我有一个从后端准备错误以便于在组件中显示的函数-它的名称为prepareErrorMessages。它接受来自后端的响应和一些默认的错误消息。所以-在这个故事中，我有这样的想法： try { if (response) {
yield p
浏览 0提问于2019-01-22得票数 4
我的目标是一次又一次的行动。首先，应该调度actionOne，然后应该调度actionTwo。我对redux非常陌生。return { checkFlag: false }export const getCountEpic = (action$, store) =>
action$.ofType
浏览 1提问于2018-03-26得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
