React Redux功能组件更新状态不工作
React Redux是一个用于管理React应用状态的库。它结合了React和Redux，提供了一个可预测、可组合的状态管理方案。在React Redux中，组件通过连接到Redux store来获取和更新应用状态。
在React Redux中，组件的状态更新通常通过Redux中的action来触发。action是一个简单的Javascript对象，它描述了要执行的操作，并且包含了必要的数据。当组件调用一个action时，Redux会将该action传递给reducer函数处理，并更新状态。
然而，当React Redux的功能组件的状态更新不起作用时，可能有以下几个可能的原因和解决方法：
- 检查组件是否正确连接到Redux store：确保组件通过
connect函数连接到Redux store，以便获取和更新状态。connect函数接受两个参数：mapStateToProps和mapDispatchToProps。mapStateToProps用于将store中的状态映射到组件的props上，而mapDispatchToProps用于将action创建函数映射到组件的props上。 - 检查是否正确调用了action：确保在组件中正确调用了action创建函数，并将其传递给
dispatch函数以触发状态更新。例如，可以通过props.dispatch(actionCreator())来调用action。 - 检查reducer是否正确处理了action：在Redux中，reducer是一个纯函数，它接收先前的状态和action，并返回新的状态。确保reducer正确处理了相关的action，并返回更新后的状态。
- 检查是否正确订阅了状态更新：在React Redux中，通过
connect函数连接的组件会自动订阅状态更新，并在状态发生变化时重新渲染。确保组件正确地定义了mapStateToProps函数，并将需要的状态映射到组件的props上。
如果上述步骤都没有解决问题，可以考虑使用React Redux DevTools来调试和追踪状态更新。React Redux DevTools是一个浏览器扩展，可以帮助开发者可视化地监视和调试Redux状态。
推荐的腾讯云相关产品：腾讯云云服务器（ECS），腾讯云云数据库MySQL版，腾讯云对象存储（COS）。
- 腾讯云云服务器（ECS）：https://cloud.tencent.com/product/cvm
- 腾讯云云数据库MySQL版：https://cloud.tencent.com/product/cdb_mysql
- 腾讯云对象存储（COS）：https://cloud.tencent.com/product/cos
相关·内容
30000', ext_in_dividends_income: ''}, 我正在尝试更新action和reducer没有问题，但是列表中的数据没有更新。顺便说一句，当我做控制台日志或运行redux扩展时，我看到了更新的状态。: data,
浏览 13提问于2020-07-29得票数 1
1回答
我是反应发展方面的新手， super (props); status: false,我正在使用redux，并且我有一个操作方法来更新redux值。}) console.error (error);
};让我来更新acti
浏览 1提问于2018-04-11得票数 1
回答已采纳
import React, { useReducer } from "react";import { useDispatch } from "react-redux";..。我看到所有的操作都会触发，但是useReducer调度不会更新redux状态</em
浏览 0提问于2020-04-02得票数 8
回答已采纳
1回答
有一件事让我感到困惑，那就是在状态改变之后，例如在之后 switch (action.type
浏览 1提问于2018-03-07得票数 1
回答已采纳
3回答
使用中继更新React状态
、、、、
使用Relay，您可以照常创建React组件： ...然后组件被包装在一个Relay容器中： ...中继容器将使用GraphQL获取数据，然后更新状态。这是一个更高阶的组件，然后将这个状态作为道具传递给它的子组件。
这与像Redux
浏览 1提问于2015-12-05得票数 2
React 16.7有状态钩子，所以我不再需要react-redux了，对吗？
浏览 1提问于2018-11-05得票数 0
需要帮助才能从reducer函数中编写的函数中获取响应 功能组件 import {} from '../..); });
}; 当我点击链接时，在reducer中的函数中调用了我的api，并在开发人员控制台的newtwork选项卡中获得了响应，但是如何在我的功能组件中获取响应(即successToast、data、isLoading )并将其传递给子组件？
浏览 15提问于2020-04-06得票数 0
3回答
我是React和Redux的新手，我们知道，对于那些有状态的组件，最好使用类组件，我想问的问题是，对于与Redux store有连接和交互的组件，是否建议使用functional component，因为那些与store交互的组件在本地没有状态。
浏览 1提问于2019-10-08得票数 7
回答已采纳
1回答
我试图理解其他人的代码，但很难理解Redux和Redux之间的交互。然后逻辑返回到React页面(下面是3点)。现在，我希望能够在Redux存储中找到前面提到的数据。但是，我找不到任何地方列出的数据..。无论是在this.state (我
浏览 4提问于2022-03-19得票数 0
回答已采纳
我对反应非常陌生，我正在努力理解一个干净的方法，让子组件能够相互沟通。到目前为止，这仍然是相对容易管理的。使
浏览 2提问于2016-08-11得票数 5
我正在尝试创建一个React Redux文件的简单示例，以演示从API检索数据后的更改。reducer确实创建了一个要返回的新状态，但是render()并没有被调用。render()是否仅在Provider标记内的子组件中调用；即。它不会调用在其中定义提供程序的组件的render()。 如果有任何帮助，我将不胜感激，因为我已经阅读了几个小时的文档。:-( import React from 'react';
import axios from &#x
浏览 27提问于2020-01-03得票数 1
回答已采纳
2回答
我有一个组件，它连接到一个使用redux的商店(为了简单起见，我缩短了代码)： const { userAddresses, removeAddress我知道，如果Address是一个状态组件，这是很容易做到的。但是，我需要使用react-redux，据我所知，您必须使用无状态组件才能使用react-redux。谁能给我指明正确的方向？
浏览 0提问于2019-01-12得票数 2
回答已采纳
当所有数据已经对存储中的所有组件全局可用时，使用mapStateToProps从存储中选择一组特定的数据并将其作为属性发送到组件中的目的是什么？另一种说法是，当我只能用state.something访问数据时，为什么要经历额外的步骤将状态映射到属性，这样我就可以用props.something访问数据
浏览 2提问于2020-10-10得票数 1
3回答
我遇到了一个关于React的奇怪问题& Internet 11中的Redux。
我用redux & thunk+promise中间件创建了一个React应用程序。上述应用程序在Chrome、safari和firefox中完全正常工作，但在Internet中运行时，React/Redux没有更新11个道具。在Redux还原器中记录这个结果也会给出预期的结果。但是，似乎返回新状态并不会更
浏览 0提问于2016-03-10得票数 11
回答已采纳
我为局部变量使用了react钩子，比如const using，setSomthing = useState('')和redux来存储通过整个组件使用存储和提供程序传递的变量。但是我被告知不应该同时使用React Hooks和Redux。有人能解释为什么我不应该，如果我不应该，我应该如何在函数组件中存储局部变量？
浏览 8提问于2019-12-18得票数 3
回答已采纳
2回答
我是第一次使用react，我正在尝试分离组件。下面的例子是容器还是组件？对我来说，这两个都是组件，但我不确定，因为它们有Link标签和Route标签。
浏览 2提问于2017-06-21得票数 0
我在一个页面中有四个有状态的react组件，它们只需单击一个按钮即可同时更新。然后对第二个组件遵循相同的逻辑，但存储不会随第一个组件一起更新。
如何同时保存所有组件的状态进行存储
浏览 2提问于2018-04-19得票数 0
2回答
但是我无法显示嵌套列表，因为我的redux存储没有更新。= action.payload) return state}Teacher.js：
const
浏览 0提问于2020-10-28得票数 1
回答已采纳
15回答
我使用的Redux与类组件的反应。在Redux商店中有以下两种状态。在父组件中，我有一个调度函数来更改这种状态。class App extends React.Component { console.log("[App] reloadComponent"，我试图像下面这样重新加载父组件。class
浏览 4提问于2020-03-04得票数 67
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
