React Redux未返回预期状态
React Redux是一个用于管理React应用状态的库。它结合了React和Redux，提供了一种可预测的状态管理解决方案。
在React Redux中，状态被存储在一个称为"store"的中央存储库中。组件可以通过连接到store来访问和更新状态。当状态发生变化时，与状态相关的组件将自动重新渲染。
如果React Redux未返回预期状态，可能有以下几个可能的原因和解决方法：
- 检查Redux store中的状态：首先，确保Redux store中存储的状态是正确的。可以使用Redux DevTools来检查store中的状态。如果状态不正确，可能是因为在Redux reducer中有错误，或者在组件中的action创建函数中有错误。可以通过仔细检查这些代码来找到并修复问题。
- 检查组件是否正确连接到store：确保组件正确连接到Redux store。使用React Redux提供的connect函数将组件连接到store，并确保正确地映射状态和操作到组件的props上。检查connect函数的参数和映射函数是否正确。
- 检查组件是否正确使用状态：确保组件正确地使用从Redux store中获取的状态。在组件中，使用正确的props来访问和更新状态。如果组件没有正确使用状态，可能会导致未返回预期状态的问题。
- 检查Redux中间件：如果在Redux中使用了中间件，确保中间件正确配置和使用。某些中间件可能会影响状态的更新和返回。
- 检查网络请求和异步操作：如果在Redux中进行了网络请求或其他异步操作，确保它们正确地处理和更新状态。可以使用Redux中间件如redux-thunk或redux-saga来处理异步操作。
总结起来，当React Redux未返回预期状态时，需要仔细检查Redux store中的状态、组件的连接和使用、Redux中间件以及网络请求和异步操作。通过逐一排查这些可能的原因，可以找到并解决问题，确保React Redux返回预期状态。
腾讯云相关产品和产品介绍链接地址：
- 云服务器（CVM）：https://cloud.tencent.com/product/cvm
- 云数据库 MySQL 版：https://cloud.tencent.com/product/cdb_mysql
- 云原生容器服务（TKE）：https://cloud.tencent.com/product/tke
- 人工智能平台（AI Lab）：https://cloud.tencent.com/product/ailab
- 物联网开发平台（IoT Explorer）：https://cloud.tencent.com/product/iothub
- 移动推送服务（信鸽）：https://cloud.tencent.com/product/tpns
- 云存储（COS）：https://cloud.tencent.com/product/cos
- 区块链服务（BCS）：https://cloud.tencent.com/product/bcs
- 腾讯云元宇宙：https://cloud.tencent.com/solution/virtual-universe
相关·内容
1回答
React Redux未返回预期状态
javascript、node.js、reactjs、mongoose、redux
我在后端(Node，MongoDB)上有一个like函数，它用更新的likes计数器返回给定的post。这是可行的，使用Postman进行了测试。let p = await Post.findById(req.params.id).populate("by");
return res.json(p); 然后我在React中有一个like操作： export我使用redux-logger，并且posts状态没有更新。 我做错什么了？我认为传播所有的帖子(...p)会更新它，因为它是在后台更新的。
浏览 21提问于2020-07-22得票数 0
回答已采纳
1回答
无法将组件连接到Redux存储区
javascript、reactjs、redux、react-redux
我正在尝试将我的组件CMSForm连接到Redux存储，但一直未能这样做。from 'react'import { setCMSId } from '../redux/methods'import ReactDOM
浏览 1提问于2020-07-01得票数 0
回答已采纳
2回答
如果在react中使用redux，那么设置初始状态的最佳实践是什么？
javascript、reactjs、ecmascript-6、redux
我正在尝试将应用程序转移到redux(新手)。我有这段代码，我有点搞不懂什么是设置初始状态的最佳实践。this.state.maxTemperature} /> );}
使用redux
浏览 5提问于2017-02-21得票数 0
回答已采纳
2回答
Redux中"@@redux/ Init“的初始化状态问题
initialization、redux、state
action.id default: }我的目标是提供一个初始状态{'currentLink':'Main'}，但我希望最初应该传入{'currentLink':'Main'}，但我得到了"@@redux/init“和其他一些东西……
我错过了什么？
浏览 15提问于2017-04-26得票数 2
6回答
React-Redux -没有为关键“硬币”提供减速器
javascript、reactjs、redux、react-redux
预期 应用程序运行正常，Redux状态未更新 结果 ? src/index.js import React from 'react'import { Provider } from &#
浏览 125提问于2017-06-28得票数 48
回答已采纳
1回答
如何避免使用react redux- forms和自定义还原器对窗体对象进行奇怪的嵌套
javascript、reactjs、redux、react-redux-form
'react-router'import { routerReducer } from 'react-router-redux'
import { combineForms } from 'react-redux<
浏览 1提问于2017-03-16得票数 0
回答已采纳
2回答
从redux - Reactjs中的嵌套数据中获取单个对象
reactjs、redux、react-redux
我的redux存储中有以下数据： 0: { description: "Facebook CEO;// This is how I fetch currently the single object in the data lists. return { ...state, data: state.
浏览 2提问于2017-02-19得票数 0
1回答
具有react高阶组件和react-redux的库抛出错误:仅当使用redux connect函数时，钩子调用无效
reactjs、npm、react-redux、react-hooks、higher-order-components
我正在写一个库，为我们公司的React应用程序提供一些基本的高阶组件。要点是HOC将从我们的redux状态中拉出一些切换，并有条件地渲染组件或注入道具(取决于所使用的HOC)。它们可以无错误地返回/呈现作为参数提供的React组件。我最初认为这可能是因为React的版本不匹配或重复的React版本，但由于它可以很好地呈现/返回React组件，我认为这与尝试连接到redux有关。我已经确认在
浏览 60提问于2021-07-02得票数 0
1回答
更新useEffect() Hook中的Redux。useSelector返回旧信息，而useDispatch不更新存储
reactjs、redux、react-hooks、setinterval、redux-store
我正在开发一个React，它显示一个图像并记录用户的击键。一切正常工作，直到客户要求图像自动更改后，4秒，没有用户的输入。但是，我无法从useEffect()钩子中的Redux可靠地更新甚至检索数据。()钩子在useEffect()中返回默认的redux存储值，而useEffect之外的单独组件中的useSelector()钩子返回更新的值。以下是该功能和存储的预期输入和输出：Redux 初始状态: NBackSta
浏览 28提问于2022-10-21得票数 -1
3回答
在IE11中不更新属性的Redux
javascript、reactjs、redux
我遇到了一个关于React的奇怪问题& Internet 11中的Redux。
我用redux & thunk+promise中间件创建了一个React应用程序。上述应用程序在Chrome、safari和firefox中完全正常工作，但在Internet中运行时，React/Redux没有更新11个道具。在Redux还原器中记录这个结果也会给出预期的结果。但是，似乎返回新状态并不会更新道具。
浏览 0提问于2016-03-10得票数 11
回答已采纳
2回答
Reducer状态返回NaN值
redux、react-redux
我定义了一个缩减程序，但它总是返回NaN值而不是数字。我在store.js中定义了一个像createStore(reducer,{},applyMiddleWire()这样的单一存储。Reducer正在工作，但始终返回NaN值。
import { INCREMENT, DECREMENT } from ".
浏览 1提问于2019-07-14得票数 1
2回答
React测试:如何访问已连接(redux)组件的实例
reactjs、unit-testing、testing、redux
我希望能够测试作为连接组件导出的组件的方法，因此我需要访问该组件的实例。我很难到达那个实例。
浏览 0提问于2017-08-08得票数 0
2回答
将普通函数连接到Redux的mapDispatchToProps
javascript、reactjs、redux、react-redux
我正在研究Redux，虽然我知道它是如何工作的，但我不能完全确定我是否正确地使用了它。 Redux Documentation提供了大量关于如何将功能组件连接到我的操作的示例。mapDispatchToPropsexport default getUserInfo; 我试着用saveUserData(user)直接设置我的redux状态，但是不能让存储改变。我不确定这是我正在寻找的解决方案，还是Redux希望我在每次想要更改状态时都使用
浏览 26提问于2020-01-24得票数 0
3回答
为什么从我的还原器返回的状态是一个空对象？？(React Redux)
javascript、reactjs、redux
我的redux还原器有一个问题，它在调度FETCH_BOOKS操作后不返回预期的状态，它返回一个空对象而不是一个状态对象，这是AJAX请求获取的书籍，还原器在将我的状态存储在数组中而不是对象中时返回正确的数据'react-redux';import thunk from '
浏览 1提问于2018-10-07得票数 2
回答已采纳
1回答
如果两个不同的道具更改具有相同的值，则不调用componentWillReceiveProps
reactjs、react-redux
我有一个react组件，需要对它的WillReceiveProps状态进行一些计算。这就是组件的样子：import {connect} from 'react-redux'
class MessageContainer extends React.Com
浏览 0提问于2018-01-21得票数 2
回答已采纳
2回答
离线第一反应本地世博会应用程序与背景同步
react-native、redux、expo、asyncstorage、redux-offline
我正在考虑构建一个离线第一反应本地博览会应用程序，当设备获得连接时自动将数据推送到API。然而，我正在努力寻找如何在世博会内这是可能的，并需要一些指导。
浏览 19提问于2022-02-25得票数 3
1回答
为什么redux存储状态在render()中显示为‘`false`’，即使默认状态是‘`true`’？
javascript、reactjs、redux
它使用的是较旧版本的React，但是为什么redux存储状态!!this.state.checked在render()中显示为false ...尽管defaultState是true index.js import ReactDOM from 'react-dom';import { createStore } from 'redux';
const
浏览 16提问于2020-11-05得票数 0
回答已采纳
2回答
React.js:从另一个组件调用函数？
javascript、reactjs、components
我是React.js的新手，对在不同组件中链接两个函数感到困惑。 我正在尝试实现两个组件之间的通信。React-leaflet对我来说相当困难，所以我使用了一个丑陋的方法来实现下面的目标： 这是我的父组件，里面有一个表，它有一个'handleOnRowSelected‘函数。opacity: 1, dashArray: '3',}
class MyMap extends React.Comp
浏览 25提问于2020-08-31得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储活动推荐
腾讯云开发者
