React-Redux连接收到空状态
React-Redux是一个用于管理React应用状态的库。它结合了React和Redux，提供了一种可预测的状态管理解决方案。当React组件需要访问全局状态时，可以使用React-Redux来连接组件和Redux存储。
在React-Redux中，连接（connect）是一个高阶函数，用于将React组件与Redux存储连接起来。通过连接，组件可以访问存储中的状态，并在状态发生变化时自动更新。
当React-Redux连接收到空状态时，可能有以下几种可能的原因和解决方法：
- 状态未正确初始化：确保Redux存储中的状态已经正确初始化。可以通过在Redux存储中定义初始状态，并在连接组件时将其映射到组件的属性中。
- 连接配置错误：检查连接函数的配置是否正确。连接函数接受两个参数：mapStateToProps和mapDispatchToProps。mapStateToProps用于将存储状态映射到组件属性，而mapDispatchToProps用于将操作映射到组件属性。确保这些配置正确并返回了正确的值。
- 组件未正确连接：确保组件已经正确连接到Redux存储。可以通过在组件的导出语句中使用connect函数来连接组件。
- 状态更新问题：如果状态在连接后没有正确更新，可能是因为Redux存储中的状态没有正确更新。确保在Redux存储中正确处理操作，并使用合适的Redux中间件来处理异步操作。
总之，当React-Redux连接收到空状态时，需要检查状态的初始化、连接配置、组件连接和状态更新等方面的问题。通过排除这些可能的原因，可以解决连接收到空状态的问题。
腾讯云相关产品和产品介绍链接地址：
相关·内容
我有一个应用程序，combineReducers是根据react-redux包的要求使用的。所以在我连接的组件中，我有一个函数
function mapStateToProps(state){
return {
listedComments: // a prop name
state.allcomments // a reducer name
}
}
...where allcomments是其中一个减速器的名字。但是我现在只有一个还原器，所以我想知道不可能不使用combineReducers，而是继续使用这个函数吗？
更新
我有一个应用程
浏览 0提问于2018-08-08得票数 1
回答已采纳
我有一个组件"FloatingChat“需要连接到Redux，所以我为这个组件创建了一个容器"FloatingChatContainer”。
src/containers/FloatingChatContainer.js
import { connect } from "react-redux";
import FloatingChat from "../../components/FloatingChat";
const mapStateToProps = (state, props) => ({
auth: state[prop
浏览 3提问于2019-11-01得票数 0
2回答
我阅读了Redux教程，并练习了自己实现一些示例(以确保我理解它们是如何工作的)。
我收到一个错误的Cannot read property 'map' of undefined
代码：
import React from 'react';
import ReactDOM from 'react-dom';
import { Provider } from 'react-redux'
import { connect } from 'react-redux'
import { createStore } from
浏览 5提问于2017-06-25得票数 0
我考虑对连接的React-Redux组件使用更严格的类型。 const ConnectedSelectionFilter = connect(mapsStateToProps, mapDispatchToProps)(SelectionFilter) React-Redux中的泛型类型ConnectedComponentClass需要2个类型参数 ConnectedComponentClass<C, P> = ComponentClass<JSX.LibraryManagedAttributes<C, P>, any> & {
Wrappe
浏览 23提问于2019-02-07得票数 2
3回答
我正在尝试将我的Redux存储与我的React项目连接起来，但我一直收到以下错误：
找不到../node_modules/react-redux/es/components/Provider.js模块:无法解决'C:\Users.\Documents..\node_modules\react-redux\es\components‘中的“反应”
我已经安装了react-redux和redux (我相信redux对redux有一些依赖)
import { Provider} from 'react-redux';
这就是造成错误的原因。
对我能做什么有什么建议吗？
浏览 0提问于2019-08-31得票数 9
回答已采纳
3回答
根据redux的文档，reducer总是给出一个新的状态副本。在一个连接的组件中，react-redux对mapStateToProps中提到的属性进行了简单的比较(旧的和新的属性)。
我的困惑是，因为redux总是提供状态的新副本，所以react-redux所做的浅层比较应该总是给出false，并且组件应该总是重新呈现。但这并没有发生。
有人能解释一下我错过了什么吗？
我认为在mapStateToProp中读取的所有属性都是对象。
浏览 0提问于2019-05-19得票数 4
1回答
React-redux数据来得太晚了，我需要组件did挂载方法中的props.user class GroupsPage extends React.Component {
constructor(props){
super(props);
this.state = {
groups: [],
}
}
async fetchGroups (){
fetchGroupsFirebase().then((res) => {this.setState({groups:res})})
};
async componentDid
浏览 9提问于2021-07-27得票数 0
我正要用React-Redux开始一个项目。对于API引用，有Hooks和connect()。因此，Hooks是连接API的替代。使用钩子或连接到我的React-Redux项目有什么不同？
浏览 0提问于2019-09-20得票数 16
2回答
我知道这个问题被问了很多次，但没有一个答案对我有效。我得到了组件，它的工作是显示用户数据从react-redux，但userData可以存储在localStorage和网站的第一次加载这个localStorage被获取到redux状态，所以我得到了错误的地方，我想要显示当前登录的用户的首字母。在向mapStateToProps函数添加async/await之后，localStorage会被获取，但我仍然收到错误提示'Cannot get 0 of undefined'，使用带有预置首字母的useEffect也会给出错误。下面是我当前的代码： import React, { u
浏览 21提问于2021-03-14得票数 0
我正在使用create-react-app和react-redux和react-router。 <SingleProduct />就是这样定义的 function SingleProduct(props){
let id= props.match.params.id
let products = props.products
return (display the matching product properties)
} 当<SingleProduct />渲染时，它依赖于通过路由接收到的id。然后，它在props.products中搜索id以获取特定的产品属性
浏览 11提问于2019-03-19得票数 0
回答已采纳
1回答
我有一个项目，其中使用了Saga和Redux Store，这是项目引导方法： import { createStore, applyMiddleware } from 'redux';
import { Provider } from 'react-redux';
import { fork } from 'redux-saga/effects';
...
const bootstrap = async () => {
const configuration = await config.env();
init(con
浏览 18提问于2020-06-17得票数 0
我正在使用构建一个通用的react应用程序(它使用react-redux和react-router。通过查看上的示例，我可以理解connect用于将操作连接到组件。
export default connect(null, { addTodo })(NewTodo);
但是我不理解的是是如何连接的？
Redux应用程序中的reducers通常是如何连接的？
浏览 7提问于2016-07-26得票数 0
回答已采纳
我明白为什么我不应该将整个redux状态连接到每个组件。但是动作创建者呢？我可以只有一个索引文件，在一个默认导出中导出所有动作创建器，并一次性连接到每个组件，而不需要逐个挑选它们吗？
import { connect } from 'react-redux'
import { RootState } from '../../redux/rootReducer'
import allActions from '../../redux/actions'
const mapStateToProps = (state: RootState) =>
浏览 0提问于2020-02-27得票数 0
2回答
我有一个组件，它连接到一个使用redux的商店(为了简单起见，我缩短了代码)：
const Address = (props) => {
const { userAddresses, removeAddress } = props
let { showEdit } = props
return (
<div>
{userAddresses.map(address => (
<div key={address.id}>
&l
浏览 0提问于2019-01-12得票数 2
回答已采纳
2回答
我想从子组件中的Redux获得道具。但{this.props}是空对象。我正在使用react-redux connect来获取道具。它在父组件中工作，我们可以传递给子组件以获得道具，但我需要从子组件中获取 登录 ```import React, { Component } from 'react' 从'./ Test‘导入{Test} 导出默认类登录扩展组件{ render() { return ( <div> <Test hi=""/> </div>
浏览 16提问于2020-01-30得票数 1
回答已采纳
我通常从react-redux导入{ connect }，以将我的React组件连接到Redux存储。有没有其他方法可以在不使用{connect}的情况下从react组件访问redux存储？
浏览 1提问于2021-03-08得票数 0
我正在开发一个React-Redux应用程序。我有一个要求，我需要根据前一个状态中的值更改状态。
我尝试使用this.props将前一个状态传递给我的操作，但我在操作中收到的不是预期值。因此，使用this.props将前一个状态传递给操作并在reducer中做出比较决策是一种很好的方法，还是应该寻找一些其他比较逻辑？
提前感谢！
浏览 0提问于2018-04-15得票数 0
我搞不懂为什么create-react-app两者都有
import {store} from './our-redux-store'
const app = () => {
return (
<Provider store={store}>
<WholeAppGoesHere/>
</Provider>
)
}
与使用connect连接组件相比，如下所示：
import {connect} from 'react-redux';
class MyComp
浏览 0提问于2020-02-27得票数 0
我正在用Java (HttpURLConnection)连接到URL。
我注意到在某些情况下，响应代码是3xx，但是“Location”头是空的。
客户端浏览器如何在接收到这种HTTP响应后知道在何处重定向？
谢谢
浏览 5提问于2014-01-23得票数 2
回答已采纳
如果可能的话，我想让我的主组件状态知道而不创建额外的文件.这是我的密码：
import React from 'react';
import { Provider } from 'react-redux';
import { connect } from 'react-redux';
import store from './store';
const App = ({ isAuthenticated }) => {
return (
<Provider store={store}>
浏览 0提问于2019-08-21得票数 4
回答已采纳
1回答
当我试图将状态从存储映射到组件的属性时，状态是空的。我试图获得一个在JSX中显示的字符串的值，但是它是缺少的。我无法从redux商店得到任何东西来展示。
减速机：
const initialState = {
visibles: "false",
error: null,
text: ""
};
const rootReducer = (
state = initialState,
action
) => {
switch (action.type) {
case "OPE
浏览 1提问于2020-03-14得票数 1
回答已采纳
我学的是redux。我第一次写了一份同样的申请书。我无法理解为什么没有从商店中获取数据。我的连接电话有什么问题吗？请帮帮忙。
在调用下面的映射时，我收到了contactsList未定义的错误，尽管根据我的理解，connect应该获取该列表。
ContactCards.js
import React, { Component } from 'react';
import Card from './Card';
import { connect } from 'react-redux';
const CardList = ({ contactsLi
浏览 0提问于2018-05-12得票数 1
回答已采纳
2回答
我试图用某种初始状态初始化还原器，并将其连接到组件，但无法解决为什么我的状态在组件中总是为空。
我包括到codesandbox.io的链接，这个链接在还原器中有不同的排列注释。
修复后的减速机，以确保它至少能工作(原在项目中被注释掉)：
var abilityStats = {
strength: 18,
dexterity: 12,
constitution: 12,
intelligence: 12,
wisdom: 12,
charisma: 13
};
const abilityStatsReducer = (state = abilityStats, a
浏览 0提问于2019-07-26得票数 1
回答已采纳
我在web上做了同样的模型，它也起作用了，我尝试使用Redux的shallowEqual作为useSelector函数的第二个参数，也使用了在Hooks部分的Redux文档中的目录库的_.isEqual，但是不起作用。
预期行为：
在分派操作时，具有useSelector的组件必须带来更新的状态。
发生了什么：
组件带来初始状态空值。
版本：
"Expo": "~37.0.3"
"react-native": "37.0.1",
"react-redux": "^7.2.0",
"redux
浏览 0提问于2020-06-06得票数 3
回答已采纳
3回答
我试着用Redux来获取“所有的帖子”。我应该得到一个空数组，但实际上，我没有定义。这是我的减速机：
export default (posts = [], action) => {
switch ((action.type)) {
case "FETCH_ALL":
return action.payload;
case "CREATE":
return posts;
default:
return posts;
}
};
动作
export const getPosts = ()
浏览 7提问于2022-11-16得票数 1
回答已采纳
我正在构建一个React-Redux应用程序，其中state对象中的属性由来自websocket连接的数据填充。
要做到这一点并使我的应用程序与从websocket获取的数据保持同步，最有效的方法是什么？
谢谢。
浏览 0提问于2018-06-03得票数 0
我正在使用Reactjs和react-redux以及spring boot和Postgres。在reducer中初始化初始状态属性时，考虑到我想将它们保存在数据库中，它们应该是空的还是未定义的？
例如：
const initialState = {
rollNo: '',
firstName: '',
middleName: '',
}
const reducer = (initialState,action) => {
///
}
rollNo、firstName等是从所提供的表单的TextField中
浏览 1提问于2019-09-09得票数 0
我使用jest来响应本机测试，我使用redux.While来执行我得到的测试文件。
TypeError:无法读取未定义的属性“hasError”
这个错误。我不知道如何将值发送到redux。任何一个人请帮帮我。
错误代码是
FAIL __tests__\jest\LoginScreen.test.js (6.801s)
test
× renders correctly (614ms)
● test › renders correctly
TypeError: Cannot read property 'hasError' of undefi
浏览 0提问于2018-07-16得票数 0
我是React和Redux的初学者。我将react 16.9与redux 4.0.4和react-redux 7.1.1一起使用。 我注意到我可以直接访问底层的Redux数据模型(存储中的对象)，而无需分派操作。 考虑以下组件： import React from 'react';
import { useSelector } from 'react-redux';
function MyComponent(props) {
const obj = useSelector(state => state.objReducer);
obj.
浏览 8提问于2019-09-23得票数 2
1回答
当我尝试在报表生成器中添加共享连接时，收到以下错误消息：“请求失败，响应为空”。 当我尝试在SSRS上保存报告时，同样的错误也发生了。 你知道问题出在哪里吗？ 注意:创建嵌入的报告并从SSRS门户网站上传报告我没有问题。 error creating shared connection error deploying on SSRS
浏览 64提问于2021-02-06得票数 0
回答已采纳
当我和TypeError: functionName is not a function一起叫它的时候，我会得到它。初始state以空数组的形式返回法线。这是我的密码：
操作：
export const getTopStories = () => async (dispatch) => {
try {
const { data } = await axios.get('http://news-site.com/api');
dispatch({
type: GET_TOP_STORIES,
payload: da
浏览 2提问于2020-12-31得票数 0
回答已采纳
2回答
我正在通过创建一个Redux的Redux商店来尝试TypeScript。
这是我的redux.js文件：
import { configureStore, createSlice } from "@reduxjs/toolkit";
const testSlice = createSlice({
name: "test",
initialState: [],
reducers: {
callApi: (state, action) => {
const getData = {
type: "test
浏览 5提问于2022-06-19得票数 0
回答已采纳
1回答
我的应用程序中有两组屏幕。
1) AuthorizedScreens
2) NotAuthorizedScreens
一旦应用程序加载，我想检查用户是否登录？如果用户登录，应用程序将加载AuthorizedScreens，如果不加载，则加载NotAuthorizedScreens.。我怎样才能做到这一点？我已经包含了一个不起作用的代码的示例，但我想这就是它可能的样子！
App.js
import React from 'react';
import { AsyncStorage } from 'react-native';
import { Pr
浏览 6提问于2017-09-02得票数 3
在React-Redux应用程序中，我需要存储当前的url以备将来参考-在url更改后，根据先前的url查询，我将采取不同的操作，但此信息不会直接影响UI。问题是，React状态应该只存储与UI相关的状态，因为任何更改都会触发呈现。我想Redux的状态也应该是这样的吧？我猜只有通过连接的组件传递给组件的状态属性才会触发重新呈现，但我仍然不确定Reudx store是不是存储这些信息的地方，因为这些数据是被监视的，这是不必要的。我可以将其存储在为此创建的全局对象中吗？
浏览 14提问于2019-07-02得票数 0
在使用react redux和映射状态支持连接()时，接收到的状态具有正确的值，但是当通过this.props访问变量时，“此”总是未定义的。
当按下侧边栏组件上的按钮(仅为测试目的)时，第二个控制台日志总是在TypeError中失败:无法读取console.log(this.props.visibility)上未定义的属性“props”。
我是否遗漏了一些额外的东西，以便允许通过mapStateToProps通过this.props访问新映射的值？或者，即使我应该以另一种方式访问它们，而不是this.props。
提前谢谢。
组件
import React, { Component } fr
浏览 0提问于2019-01-27得票数 2
回答已采纳
1回答
我正在遵循pubsub.py的示例代码。特别是，我正在使用awsiotsdk连接到MQTT。
该示例工作正常，但它作为通用客户端连接到MQTT，而不是作为特定设备连接。
我想连接到MQTT作为一个特定的设备发布和订阅。特别是，我希望能够查询连接的设备，并看到这个设备的出现。
在演示代码中，我看到包含了--client-id。默认情况下，它使用UUID为演示生成唯一的客户端ID。我尝试过将client-id设置为ARN arn:aws:iot:us-west-2:123456789012:thing/test
我希望看到的是下面的搜索显示了连接的thing。当pubsub演示程序运行时，查询返回
浏览 1提问于2021-01-24得票数 1
回答已采纳
1回答
我的印象是，当我的Redux存储被更新时(通过向还原器发送一个操作)，我的提供者应该让它的所有子组件都可以使用新的存储。因此，当我使用mapStateToProps()将容器组件连接到存储区时，当它接收到与存储区一起更新的新道具时，该组件应该重新呈现，而不需要componentWillReceiveProps()。我想错了吗？
在阅读了几个小时的文档和其他堆栈溢出的答案后，有些东西根本不适合我。我非常肯定我的还原器工作正常，并且正在返回一个新的对象，我的组件可以访问存储，并且我的初始状态呈现得很好。如果有人能让我更好地了解事物的流动，我将永远感激。
基本上，我有一个导入存储、使用提供者和呈现“
浏览 6提问于2019-11-11得票数 1
回答已采纳
下面的代码运行良好，除了一些奇怪的地方，初始属性是一个空的对象{ photos: {} }
在调用action creator之后，组件中的状态如下所示
{ photos: photos : {...} }
而我只期望photos: {...}
是什么导致了这种情况?我如何防止在状态中生成另一个子属性？
组件：
import {connect} from 'react-redux'
import {getPhotos} from '../actions'
class Photos extends Component {
constructor(pr
浏览 0提问于2019-10-06得票数 0
1回答
我一直在使用PEP插件(可以在这里找到：)来连接用户节点，但是我遇到了一些问题。当我连接的块被调用时，我执行以下操作：
XMPP.connection.send($pres());
XMPP.getRoster();
XMPP.connection.addHandler(XMPP.getPresence, null, "presence");
当我收到从我试图访问的节点的JID返回的订阅(因此具有双向订阅)时，我执行：
XMPP.connection.pep.subscribe(JID, node,
function(){console.log("SUCCESS: Su
浏览 5提问于2011-07-15得票数 2
回答已采纳
我在学习教育。我遇到useSelector钩子，它接受回调函数。回调函数的参数是存储的状态。我在这里的问题是，如何简单地从react导入useSelector钩子，从而启用与存储状态等效的回调函数的参数？该参数与存储之间的连接在哪里？
示例
import { useSelector } from 'react-redux'
export const CounterComponent = () => {
const counter = useSelector((state) => state.counter)
return <div>{count
浏览 4提问于2022-03-28得票数 1
这是一个Bala，React-Redux平台的新成员。目前，我一直在使用React-redux开发Todo应用程序。但不幸的是，我无法从一个问题入手。这就是我要用一个值把在一个状态组件中生成的值转换成另一个状态组件。有可能吗？或者我可以从redux-store中导入值？
浏览 1提问于2020-03-09得票数 1
2回答
redux商店没有连接
、、、
我正在将存储连接到我的react应用程序，但是它给了我错误的TypeError:状态是未定义的
存储/index.js(创建还原器函数)
import {createStore} from 'redux';
const counterReducer = (state:{counter:0},action) => {
if(action.type==='increment')
{
return {
counter: state.counter + 1
}
}
if (action.type === 'd
浏览 3提问于2021-07-02得票数 0
为什么函数mapStateToProps在React/Redux中返回“未定义”或空对象。
我的代码：
import React from 'react'
import {connect} from "react-redux";
export const ArticleComponent = ({props}) => (
<div>
<h1>Hello {console.log(props)}</h1>
</div>
);
const mapStateToProps = (state) =>
浏览 2提问于2018-07-03得票数 0
3回答
我似乎搞不清是什么问题。我有一个名为DisplayItems的组件，它从API (一个项目列表)中获取一些数据。
我正在使用Redux操作和thunk中间件从API中获取项和数据。我将项和其他数据作为对象数组保存到redux存储中，并将其命名为entriesData。实际的数组在entriesData.data中。我使用连接将状态和操作连接到DisplayItems的道具。
接下来，我有一个名为GalleryItemContentV1的子组件。GalleryItemContentV1没有连接到redux。它只接收来自DisplayItems的数据，后者循环遍历条目数组并将每个条目传递给Gall
浏览 0提问于2018-12-13得票数 2
我使用以下示例来说明如何在react-redux应用程序中从数据库加载数据时更新redux状态。learningActionDataOperationBegin将loading (在缩减程序中)设置为true，然后在从数据库获取数据后，fetchLearningActionsSuccess将loading设置回false。在显示数据库记录的组件内部，仅当初始loading为false时才调用FetchLearningActions。我相信这是react-redux应用程序的常见做法。
但是，例如，如果浏览器关闭或在加载数据时互联网断开连接，则loading保持为true，这是一个问题，因为在下
浏览 10提问于2019-11-04得票数 1
我试图在我的react应用程序中使用redux，但是我发现我可以在我的应用程序中显式地使用redux，而无需使用react-redux库。 const redux = require('redux'); 我想知道为什么我们甚至需要在我们的环境中使用react-redux库？有人能帮我一下吗？
浏览 51提问于2021-11-05得票数 0
回答已采纳
我正在尝试理解react-redux的connect方法，以及它作为参数使用的函数。特别是mapStateToProps()。
据我所知，mapStateToProps的返回值将是从状态派生的对象(因为它位于存储中)，其键将作为属性传递给目标组件(应用了组件连接)。
这意味着您的目标组件使用的状态可以与存储在您的存储区中的状态具有完全不同的结构。
问:这样可以吗？
问:这是意料之中的吗？
问:这是反模式吗？
浏览 83提问于2016-07-05得票数 254
回答已采纳
我正在用C测试一些代码，我发现了TCP套接字调用的奇怪行为。
我定义了一个侦听线程，它同步地接受客户端，在接受客户端之后，它在for循环中处理它，直到它断开连接。因此，每次只处理一个客户端。因此，我在循环中调用accept，然后在内循环中调用recv，直到接收到空缓冲区为止。
我用客户端触发5个线程，调用connect、send，最后调用close
我在任何电话里都没有错误。一切似乎都很好。
但是，当我在服务器端打印接收到的消息时，结果发现只有第一个客户端通过服务器，即accept从不对其他客户端开火。
所以我的问题是：
connect不应该等到服务器调用accept吗
浏览 5提问于2017-04-10得票数 1
回答已采纳
1回答
无法将对象添加到数组中
、、、
我刚开始使用react钩子和redux，我正在构建简单的CRUD员工应用程序，当我尝试添加员工时，它显示为空。这意味着它显示在数组上，但它是空的。
这是我的代码。
import React, {useState, useEffect} from 'react';
import {Form, Button} from 'react-bootstrap';
import {useHistory} from 'react-router-dom'
import {addEmployee} from "../../actions/employeeA
浏览 0提问于2020-11-24得票数 1
类扩展值#不是构造函数或空
当尝试继承与react redux“连接”->绑定的父类时，会出现错误。
Redux
const mapStateToProps=(state)=>({
.....
});
const mapDispatchToProps=(dispatch)=>{
return {
paymentOver:()=>dispatch(paymentClose()),
}
}
export {
mapStateToProps,mapDispatchToProps
}
父类
import { co
浏览 1提问于2021-02-12得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
云直播
即时通信 IM活动推荐
腾讯云开发者
