为什么Redux store显示我的状态，而react组件说它未定义？
Redux是一个用于管理应用程序状态的JavaScript库。它通过一个单一的全局状态树（也称为store）来存储整个应用程序的状态，并使用纯函数来处理状态的变化。React是一个用于构建用户界面的JavaScript库。它通过组件的方式来构建应用程序的用户界面。
当Redux store显示状态，而React组件说它未定义时，可能是由于以下几个原因：
- 组件未连接到Redux store：React组件需要通过连接（connect）函数与Redux store进行连接，以便获取和更新状态。如果组件未连接到Redux store，它将无法访问到Redux store中的状态。
解决方法：确保组件通过connect函数连接到Redux store，并正确地映射所需的状态。
- 组件未正确订阅状态：即使组件已连接到Redux store，但它可能没有正确地订阅所需的状态。Redux使用订阅机制来通知组件状态的变化。
解决方法：在组件的生命周期方法（如componentDidMount）中，使用subscribe函数订阅所需的状态。这样，当状态发生变化时，组件将收到通知并更新。
- 组件未正确获取状态：有时，组件可能未正确获取状态，导致状态未定义。这可能是由于组件尝试在状态加载之前访问状态。
解决方法：确保在组件渲染之前，状态已经被正确地加载和定义。可以通过在组件的生命周期方法（如componentDidMount）中触发异步操作来加载状态。
总结起来，当Redux store显示状态，而React组件说它未定义时，需要确保组件已连接到Redux store，并正确地订阅和获取所需的状态。如果问题仍然存在，可能需要检查代码中的错误或调试信息，以确定问题的具体原因。
腾讯云相关产品和产品介绍链接地址：
- 腾讯云云服务器（CVM）：https://cloud.tencent.com/product/cvm
- 腾讯云云数据库MySQL版：https://cloud.tencent.com/product/cdb_mysql
- 腾讯云对象存储（COS）：https://cloud.tencent.com/product/cos
- 腾讯云人工智能：https://cloud.tencent.com/product/ai
- 腾讯云物联网平台：https://cloud.tencent.com/product/iotexplorer
- 腾讯云移动开发：https://cloud.tencent.com/product/mobile
- 腾讯云区块链服务：https://cloud.tencent.com/product/tbaas
- 腾讯云元宇宙：https://cloud.tencent.com/product/tencentmetaverse
相关·内容
我正在用react-redux构建一个应用程序，我的redux商店遇到了问题。我可以从Redux devTools中看到，当我单击RenderPlayerTransferList中的一个元素时，操作创建器会被正确调用，存储也会更新。但是，当尝试访问this.props.currentSquad (由操作创建器更新的状态对象，然后我将其映射到props)时，react</em
浏览 8提问于2019-11-21得票数 2
回答已采纳
1回答
我正在使用react-redux进行状态管理，并使用provider传递状态存储，但我不知道为什么它在使用者部分我的提供者组件中显示为未定义 return (<Provider store = {store} >
浏览 25提问于2018-06-03得票数 0
回答已采纳
3回答
const store = createStore(reducers, applyMiddleware(Promise)); <Provider store={store}> </Provider>,);我使用react和redux。我创建了一个B
浏览 0提问于2018-03-15得票数 1
回答已采纳
3回答
我是React和Redux的新手，我们知道，对于那些有状态的组件，最好使用类组件，我想问的问题是，对于与Redux store有连接和交互的组件，是否建议使用functional component，因为那些与store交互的组件在本地没有状态。
浏览 1提问于2019-10-08得票数 7
回答已采纳
2回答
我正在尝试使用简单的对象简化器来显示组件中的数据。但是，该对象的状态并没有上升到组件。代码结构如下所示。/components/Labels.jsx';
import configureStore from './store';
func
浏览 5提问于2020-03-06得票数 0
回答已采纳
我有一个显示用户列表的基本组件，在挂载组件时，我使用useEffect进行一个API调用，它将加载数据，而我希望在UI中显示加载程序。我的理解是，加载器标志应该保持在react组件的状态中，因为它代表该组件的状态，而不是在redux存储中，因为redux存储
浏览 2提问于2020-01-14得票数 5
2回答
Redux:状态未定义
、、、
玩react redux和我的状态isCartVisible显示出未定义，我使用了简单的功能组件，并将存储在不同的文件中。//main index.js fileimport { Provider } from 'react-red
浏览 11提问于2022-10-11得票数 0
回答已采纳
1回答
原因:状态未定义import { connect } from 'react-redux'
成分成分如何知道“状态”的价值？它被注入到组件的哪里？Redu
浏览 1提问于2019-08-27得票数 1
3回答
我不想调用store.subscribe方法。我只想同步存储状态和组件的状态。SignleCartItem -有一个组件CartItems，它通过使用map函数将道具传递给SingleCartItem组件来显示SingleCartItem。每当用户更新数量时，SignleCartItem就会分发一个操作并存储，保存添加到购物车中的总项目及其价格。现在的问题是，显示
浏览 9提问于2016-10-17得票数 1
回答已采纳
在使用react redux和映射状态支持连接()时，接收到的状态具有正确的值，但是当通过this.props访问变量时，“此”总是未定义的。当按下侧边栏组件上的按钮(仅为测试目的)时，第二个控制台日志总是在TypeError中失败:无法读取console.log(this.props.visibility)上未定义的属性“props”。我是否遗漏了一些额外<em
浏览 0提问于2019-01-27得票数 2
回答已采纳
Cart组件中的Cart显示未定义，我尝试过使用类，它说，我的还原器中没有一个使用connect，Redux DevTools显示它们都没有问题，Component工具显示没有支持。在使用useSelector时，我可以获得没有问题的状态，但我必须为此使用Connect。import { cartRedu
浏览 1提问于2021-06-17得票数 0
回答已采纳
1回答
我有一个组件连接到我的商店。此组件分派一个操作并正确地更改状态()。但是，我的组件应该显示此状态更改。但不会改道。这是我的代码：//store.js
import { createStore, applyMiddleware }
浏览 0提问于2018-07-04得票数 0
回答已采纳
现在，组件只能知道全局state已更改，但无法确定实际更改了哪个状态。以下是我的场景：Component Leaf在组件层次结构中非常深，它触发一个动作，改变全局状态，ComponentRoot想要改变一些内部状态来响应这个动作。
浏览 1提问于2015-11-23得票数 1
2回答
我有一个名为<App/>的组件，它是一个父组件，里面有两个子组件，即<Header/>和<Main/>，所以内容如下所示 <App> <Main />
<App/> 当我的Header组件挂载时，我在componentDidMount()中设置了一些redux状
浏览 9提问于2019-09-04得票数 0
2回答
redux商店没有连接
、、、
我正在将存储连接到我的react应用程序，但是它给了我错误的TypeError:状态是未定义的import {createStore} from 'redux= createStore(counterReducer);main index.js( my文件的主要索引)
import React</em
浏览 3提问于2021-07-02得票数 0
我的redux存储中有以下数据： 0: { description: "Facebook CEOreducer中的代码：case GET_HEROES_SUCCESS: { }
/&#
浏览 2提问于2017-02-19得票数 0
3回答
我从wordpress中获取数据并将其存储在数据对象中。如何在React中的所有组件之间共享该数据对象？
谢谢
浏览 1提问于2018-07-03得票数 0
我想要一点代码智慧，而不是修复。我以一种方式学习了react，并且我看到了不同格式的代码。我在试着了解它们之间的区别。我得到了这个jsx代码片段：import { Route, Redirect } from 'react-router'
import { connect} from &#
浏览 37提问于2018-06-10得票数 0
回答已采纳
目前我正在学习ReactJS，并且很难理解如何根据其他地方的更改来呈现/更新内容。我有一个计时器应用程序，其中包括暂停/重新启动功能。它包含一个开始/暂停按钮。div className="IconButtonBar"> </div> }我想更新标签取决于计时器是否在初始呈现时启动/
浏览 1提问于2018-08-05得票数 0
2回答
我对react/redux相当初级，我正在使用React、Redux和创建一个简单的项目。我使用Redux来处理状态，它成功地将状态传递给根组件包装器，但它似乎没有将状态传递给Home或其他组件。当我在包装器中控制日志this.props.Gallery时，数据就会显示出来，但是当我在库中这样做时，它会显示</
浏览 0提问于2017-09-18得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
