为什么我不能在React/Redux中索引我的对象？TypeError:无法读取未定义的属性“%1”
在React/Redux中索引对象时出现TypeError: 无法读取未定义的属性"%1"的错误通常是由于对象未被正确初始化或未正确传递到组件中所致。
可能的原因和解决方法如下：
- 对象未被正确初始化：确保在使用对象之前，对象已经被正确地初始化。可以通过在组件的构造函数中初始化对象，或者在组件的state中定义对象并在render方法中进行渲染。
- 对象未正确传递到组件中：如果你在父组件中创建了对象，并且想要将其传递给子组件进行索引，确保你已经正确地将对象作为props传递给子组件。在子组件中，可以通过this.props来访问传递的对象。
- 对象属性名错误：检查你在索引对象时使用的属性名是否正确。确保属性名的大小写和拼写与对象中的属性名一致。
- 对象为空或未定义：在索引对象之前，确保对象不为空或未定义。可以使用条件语句或可选链操作符（?.）来检查对象是否存在。
- 异步加载数据：如果你在组件渲染之前异步加载数据，并且尝试在渲染过程中索引对象，可能会出现该错误。在异步加载数据完成后，再进行对象的索引操作。
总结起来，TypeError: 无法读取未定义的属性"%1"的错误通常是由于对象未被正确初始化或未正确传递到组件中所致。确保对象被正确初始化，并且在索引对象之前进行必要的检查，以避免出现该错误。
关于React和Redux的更多信息，你可以参考腾讯云的相关产品和文档：
相关·内容
4回答
如何设置对象数组的redux初始状态？
javascript、arrays、object、redux
我正在为我的react应用程序使用redux。我正在从api中获取用户数据，使用它更新redux状态，并将其显示到我的组件中。数据是对象列表。导致我问题的是设置redux初始状态。 减速器初始状态： const initState = {
users: []
} 减速机动作 case 'GET_USERS':
return {
users: action.users
}
}); 在组件中渲染 {this.props.users[1].name} 在第一次渲染时，我得到了错误，无法从未定义的属性中读取。这是因为第一次呈现数据尚未存储，且具
浏览 53提问于2019-02-01得票数 0
2回答
react redux同步调用
reactjs、redux
使用redux作为通量模式构建React应用程序。
要使用api，需要发出令牌交换请求。这只能在React应用程序启动时发生一次。令牌交换返回的access_token需要存储在redux状态下，供其他接口调用访问。
我尝试过的一种方法是在App(父)组件中调用redux操作，然后所有其他调用都在子组件中。React新手我现在明白了这不是正确的方法，因为React组件生命周期事件和调用的actions和reducers不遵循同步流，因此redux操作被称为异步。
如何确保在依赖于第一个redux操作的结果的任何其他redux操作之前调用redux操作？哪种中间件最适合确保同步方法redux-t
浏览 0提问于2016-05-11得票数 1
3回答
以反应方式呈现两个不同的组件
javascript、html、reactjs、redux、material-ui
我试图添加反应粘稠的头到我的步进。
如果我试图在一起呈现bot组件，我将得到一个错误。
所以我分别调试和呈现。
当我单独渲染时，我不会面临错误。未定义存储区
你能告诉我怎么修吗。
所以以后我会自己解决的。
提供下面的代码片段和沙箱
index.js
import React from "react";
import ReactDOM from "react-dom";
import Demo from "./demo";
import App from "./components/App";
浏览 0提问于2019-01-10得票数 0
回答已采纳
1回答
不能访问对象属性，即使console.log清楚地显示了一个具有所需属性的对象( Redux)
javascript、reactjs、redux
处理React，Redux和Redux-Redux。
订阅正确的存储，但一旦我尝试钻入对象，我就会得到一个‘无法读取属性'x’的未定义。对象中的任何属性都是禁止使用的，因为某些原因使我无法理解。
见守则：
import React, { Component } from 'react';
import { connect } from 'react-redux';
import { Link } from 'react-router';
class NavList extends Component {
render() {
浏览 2提问于2017-06-27得票数 0
回答已采纳
2回答
TypeError:无法读取react中未定义的属性“map”
javascript、reactjs、redux
我刚反应过来，还有点困惑。
我的目标是使用GET请求在HTML中呈现一堆json数据。我正在使用react和redux来管理对象的状态，但我相信我的问题是数据甚至不在那里
因此，只要有人请求一个URL，他/她就会看到json中的大量数据。
我得到组件中的错误
TypeError:无法读取未定义的属性“映射”
这是密码
动作
export function getCourses() {
return (dispatch) => {
return fetch('/courses', {
method: 'get',
浏览 1提问于2016-07-31得票数 5
回答已采纳
2回答
react-redux使用ownProps或redux存储
reactjs、redux、react-redux
我正在从事react-redux项目，我需要了解如何正确地将数据接收到我的容器中。
正确的方式是通过纯复制从商店道具接收它，或者我可以通过ownProps传递我的参数吗？或者这两种方式都是好的。
当我处理这两种可能性时，我遇到了渲染问题。
但是如果我需要在我的数据上做一些逻辑，我想只在父级上做，并通过不在每个子级上做来降低性能成本。
最重要的是，我需要使用ownProps吗？如果是，在哪些情况下？
浏览 11提问于2018-01-08得票数 0
2回答
在布线组件后连接，导致属性中的布尔值
javascript、reactjs、redux、react-router
我目前正在使用React，React Router和React Redux构建一个应用程序
版本：
React - v15.5.4
React路由器- v4.0
React Redux - v.5.0.6
我是个新手，甚至是Redux的新手，当我开始接触connect HOC的时候，我开始有这个错误，我似乎找不到。
当我在<switch>元素和一些<Route>元素之后将一个组件连接到我的redux存储时。我的connect中返回的props为false布尔值，而connect中的组件具有正确的props。
有关示例，请参阅下面的代码和错误。
组件
UserDashbo
浏览 1提问于2018-02-12得票数 0
2回答
作为函数参数的非结构化对象
javascript、reactjs、destructuring
我不明白下面const Posts的参数。我对节点/反应相当陌生。它是一个非结构化参数对象吗？还是它只是一个作为参数传递的对象？
getPosts和post显示为未定义。但我不明白参数对象是从哪里传递到函数中的.
完整代码在这里：
提前谢谢！！
import React, { Fragment, useEffect } from 'react';
import PropTypes from 'prop-types';
import { connect } from 'react-redux';
import Spinner from '.
浏览 5提问于2019-10-26得票数 4
回答已采纳
2回答
Redux异步函数结构？
javascript、redux
我正在尝试找出为什么我无法从redux-thunk接收到本应传递的dispatch()函数。我尝试了几个不同的编码教程，但似乎都不适合我，但我确实注意到有几种不同类型的实现。
所以我的问题很简单，为redux-thunk编写异步函数以确保调度被调用的整体正确方法是什么？
注意:我可以调用操作创建者，但错误: 1)调度不是操作2)操作需要是纯对象
我对我所要求的是redux异步操作的理解。
const getAttributes= () => {
return (dispatch) => {
return (/* Some async stuff */);
}
}
浏览 0提问于2018-04-30得票数 0
2回答
Axios & Redux返回未定义，然后解决
reactjs、redux、react-redux、axios、redux-thunk
我正在使用react & redux创建一个系统，其中我需要从api获取一些数据，我创建了操作/函数和reducer，但当我尝试访问组件上的结果和控制台日志时，它显示未定义的结果比解析显示了三次，而当我尝试映射结果时，当然不能，因为此处未定义的thing.enter图像描述。 这是我的action函数代码。 import axios from "axios";
import Cookies from "js-cookie";
export const signIn = () => {
return {
type:
浏览 16提问于2021-04-17得票数 1
回答已采纳
1回答
反应-Redux:如何设置状态？
reactjs、redux、redux-reducers
我试图理解其他人的代码，但很难理解Redux和Redux之间的交互。
在React页面上，我调用一个名为getSubscriptionPlan的Redux操作。在这个Redux操作中，我看到它能够加载正确的数据(在下面的1点)。这使用了一个减速器，在其中我可以再次确认正确的数据在那里(在下面的2点)。
然后逻辑返回到React页面(下面是3点)。现在，我希望能够在Redux存储中找到前面提到的数据。但是，我找不到任何地方列出的数据..。无论是在this.state (我期望的地方)，还是在this.props中。减速机是不是没有更新商店的状态.？
我做错了什么，如何才能让数据指向下面的3？
R
浏览 4提问于2022-03-19得票数 0
回答已采纳
1回答
响应路由器<Link>和<Route>不将状态传递给组件
reactjs、react-redux、react-router
React路由器:链路和路由不通过状态到组件
我正在构建一个在线购物应用程序，包括React，Redux和React路由器。在主页上，将显示所有项目。我希望用户能够点击一个图像，并被带到一个页面与该项目的项目详细信息。
我就是这么做的：
在App.js中，我使用BrowserRouter、路由和交换机进行路由
在Home.js中，我使用react路由器的链接将主页上的图像链接到项目详细信息页；链接应该以状态形式将ID传递给项目组件(参见下面的Home.js代码)
Item.js应该呈现一个项详细信息页面。项目的ID将传递给item组件，该组件将呈现该项的详细信息。
这看起来
浏览 0提问于2019-09-06得票数 5
回答已采纳
2回答
Apollo客户端(React)：处理意外错误
javascript、reactjs、apollo、react-apollo、apollo-client
我一直在查看Apollo文档，但我没有看到有关如何在Apollo客户端中处理服务器错误的信息。
例如，假设服务器有以下两种情况：
超时变得无法访问意外失败
在客户端应该如何处理这个问题？Apollo当前失败，错误如下：
未处理(在react-apollo中)错误: GraphQL错误:无法...
我希望避免这种情况发生并处理这些错误。我如何使用React Apollo做到这一点？
参考：
我目前使用的是React-Apollo和Redux。
浏览 23提问于2017-04-27得票数 17
回答已采纳
6回答
无法读取未定义错误的属性“”getState“”
javascript、html、reactjs、redux、material-ui
我正在尝试将react粘性标头添加到我的stepper中。 但问题是，如果我在我的App.js中添加，它不会渲染。 所以我开始调试App.js代码。 如果我在我的App.js的render方法中给了console它不显示console.log(“App->”)； 现在我收到未定义错误的“”Cannot read“”属性“”getState“”。“” 你能告诉我怎么修吗？ 这样以后我就可以自己修复它了。 下面提供了我的代码片段和沙箱 https://codesandbox.io/s/6zv5n0ro9z App.js import React from "react";
浏览 79提问于2019-01-10得票数 17
回答已采纳
2回答
测试连接的Redux组件时的提示
javascript、reactjs、testing、react-redux、enzyme
我已经在下面粘贴了我的组件，这是非常，非常基本的。挂载组件时，它基本上会调用API操作，该操作从fetchMessage返回一条消息。该消息将在mapStateToProps函数中设置为state.feature.message。
我完全不知道从哪里开始测试这个组件。我知道我想测试一下：
1)渲染特征组件
2)调用props中的fetchMessage函数
3)当使用该属性呈现时，它会显示或具有正确的message属性
我已经尝试设置了我的测试文件，就像你在下面看到的那样，但是我尝试的每一件事都会不断地出错。
谁能给我指出正确的方向，指出我做错了什么？
import React, { Comp
浏览 2提问于2017-01-04得票数 0
2回答
Redux操作无法识别状态
javascript、reactjs、redux
我一直在构建一个React和Redux应用程序。我创建了一个简单的容器和一个操作创建器，其中包含一个带有简单console.log()的操作，该用户是我在状态(reducer)中写下的用户之一。
问题是，当我单击渲染状态时，它显示'user‘is not defined。为什么？我该怎么做才能让函数识别状态呢？
容器
import React, { Component } from 'react';
import {bindActionCreators} from 'redux';
import {connect} from 'react-red
浏览 13提问于2018-08-13得票数 0
回答已采纳
2回答
Redux DevTools无法呈现
react-redux、redux-devtools
我将redux-devtools与redux-devtools-dock-monitor和redux-devtools-log-monitor一起使用。
我遵循了文档。但是，在控制台中，我收到以下错误：
index.js:1452 Redux DevTools could not render.
You must pass the Redux store to <DevTools> either as a "store" prop
or by wrapping it in a <Provider store={store}>.
下面是我的Root组件
浏览 1提问于2018-12-13得票数 1
2回答
可以将整个Redux状态对象传递到React组件中吗？
javascript、reactjs、redux
我们有一个组件需要访问Redux的存储。
import React from 'react'
import { connect } from 'react-redux'
const Component = (props) => {
... code ...
}
我们已经使用connect将此组件连接到存储。
export default connect(mapStateToProps)(Component)
现在我们需要定义作为第一个参数传递给connect的mapStateToProps。
const mapStateToProps = stat
浏览 1提问于2019-06-18得票数 7
1回答
我的React应用程序在Chrome中运行得很好，但在firefox中却不起作用
reactjs、react-redux
我有一个应用程序，它在chrome中运行得很好，但是在firefox中它显示的是空白屏幕。
对于网络选项卡中的相同请求，firefox给出的状态代码为304，而在chrome中为200。
由于我使用的是redux存储，所以我使用了下面的代码来创建redux存储。
const composeEnhancers = window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__ || compose;
const store = createStore(rootReducer,composeEnhancers(applyMiddleware(thunk)));
如果我使用下
浏览 0提问于2019-06-26得票数 3
1回答
未定义不是函数(计算'navigation.dispatch')
react-native、redux、react-navigation
我试图导航到第一页后，用户注销！并得到这个错误：
未定义不是一个函数(计算'navigation.dispatch')。
我的操作创建者代码如下：
import {NavigationActions} from 'react-navigation';
import {AsyncStorage} from 'react-native';
import {applyMiddleware as dispatch} from "redux";
export const userRemove = (navigation) =>
浏览 2提问于2018-10-04得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
即时通信 IM
ICP备案
对象存储
实时音视频活动推荐
腾讯云开发者
