React-Redux mapStateToProps TypeError无法读取未定义的属性'‘
React-Redux是一个用于构建React应用程序的JavaScript库，它结合了React和Redux两个流行的前端开发工具。React是一个用于构建用户界面的JavaScript库，而Redux是一个用于管理应用程序状态的JavaScript库。
在React-Redux中，mapStateToProps是一个函数，用于将Redux store中的状态映射到React组件的props上。它接收一个参数state，代表Redux store中的状态对象，然后返回一个对象，该对象包含了需要传递给组件的props。
在这个问题中，出现了一个TypeError，提示无法读取未定义的属性。这通常意味着在mapStateToProps函数中访问了一个未定义的属性。为了解决这个问题，可以按照以下步骤进行排查：
- 确保Redux store中存在该属性：首先，检查Redux store中是否存在该属性。可以通过在Redux开发工具中查看store的状态，或者在Redux的reducer中确认该属性是否被正确地初始化。
- 检查属性的命名：确保在mapStateToProps函数中使用的属性名称与Redux store中的属性名称一致。大小写敏感，所以确保拼写和大小写都正确。
- 确保正确地传递state参数：确保mapStateToProps函数正确地接收state参数，并且该参数是从Redux store中传递过来的。可以在组件的props中打印state参数，确认其是否为undefined。
- 检查组件是否正确连接到Redux：确保组件通过connect函数连接到了Redux，并且mapStateToProps函数被正确地传递给了connect函数。
如果以上步骤都没有解决问题，可以考虑进一步调试和排查代码，例如使用console.log输出相关变量的值，或者使用调试工具进行断点调试。
腾讯云相关产品和产品介绍链接地址：
- 腾讯云官网：https://cloud.tencent.com/
- 云服务器CVM：https://cloud.tencent.com/product/cvm
- 云数据库MySQL：https://cloud.tencent.com/product/cdb_mysql
- 云存储COS：https://cloud.tencent.com/product/cos
- 人工智能AI：https://cloud.tencent.com/product/ai
- 物联网IoT：https://cloud.tencent.com/product/iotexplorer
- 云原生容器服务TKE：https://cloud.tencent.com/product/tke
- 区块链服务BCS：https://cloud.tencent.com/product/bcs
- 视频点播VOD：https://cloud.tencent.com/product/vod
- 音视频处理：https://cloud.tencent.com/product/mps
相关·内容
1回答
如何访问根组件的道具？ import React from 'react';
import { render } from 'react-dom';
import { createStore } from 'redux';
import { Provider } from 'react-redux';
import cartReducer from './store/cartReducer'
import AddToCart from './cart/addToCart.jsx'
const
浏览 18提问于2019-03-22得票数 0
回答已采纳
我试图呈现从nodejs开始的数据，我使用redux进行状态管理。问题是，当我试图映射数据时，它会给我错误的解释。
未定义的TypeError:无法读取未定义的属性“映射”
这是我的代码/home.js
import React, {Component} from 'react';
import {connect} from 'react-redux';
import {getArticle} from '../../redux/actions/article';
class Home extends Component {
浏览 0提问于2019-08-08得票数 0
回答已采纳
1回答
我无法获得这个基本组件来识别this对象，无论我尝试什么，都会得到错误：
未定义的TypeError:无法读取未定义的属性“getEvents”
这是我试着工作的代码：
import React from 'react'
import PureRenderMixin from 'react-addons-pure-render-mixin';
import { connect } from 'react-redux';
import ListGroup from 'react-bootstrap/lib/ListGroup'
浏览 6提问于2016-03-13得票数 3
回答已采纳
我正在尝试使用redux props传递字符串和一个子组件，如下所示。我收到错误"TypeError:无法读取未定义的属性circularImage“
import React from 'react'
import PropTypes from 'prop-types'
import { connect } from 'react-redux'
import { View, Text, Image } from 'react-native'
// CircularImage.js
function CircularIm
浏览 2提问于2018-03-28得票数 3
我有两个组件，它们都使用connect。
import {connect} from "react-redux";
import ComponentB from "./ComponentB";
class ComponentA extends Component {
render(){
return {
<div>
<button
onClick={this.refs.ComponentB.showAlert()}
>
Button
<
浏览 0提问于2018-09-27得票数 1
回答已采纳
我最近升级了我的项目，使用React 16.4.1而不是15.2.1。我有以下组件，但由于出现TypeError：_react2.default.PropTypes is undefined error而中断。
import React, { Component } from 'react';
import { connect } from 'react-redux';
export default function (ComposedComponent) {
class Authentication extends Component {
sta
浏览 22提问于2018-07-24得票数 1
回答已采纳
获取错误: TypeError:无法读取未定义的属性'map‘。在重新加载页面之前，它可以正常工作。但是当我重新加载页面时，得到了一个错误。我想从数组中获取对象值。
import {bindActionCreators} from 'redux';
import {connect} from 'react-redux';
import {fetchData} from '../../actions/fetchData';
class Menu extends Component {
componentDidMount()
浏览 30提问于2019-12-01得票数 0
1回答
我正在尝试实现我的第一个react/redux/thunk测试分派消息。然而，我不明白为什么“按”功能不能找到道具。
未定义的TypeError:无法读取未定义的属性“道具”(stuffList.js:17)
这将在componentWillMount()中非常好地工作，但当我单击该按钮时，它将无法工作。有人能帮我澄清一下吗？
import {connect} from 'react-redux';
import {bindActionCreators} from 'redux';
import * as stuffActions from '../ac
浏览 0提问于2018-04-13得票数 0
回答已采纳
我学习了这个关于redux的初学者教程：，。
除了增量按钮之外，一切都可以工作。当我单击增量按钮时，会得到以下错误：
未定义TypeError:无法读取未定义属性的“道具”
看看会发生什么：
当我做"mapStateToProps“时，为什么会有这个错误呢？
index.jsx
import React from 'react';
import ReactDOM from 'react-dom';
import Test_left from './eo_app.jsx';
import { Provider } from '
浏览 0提问于2018-08-31得票数 1
处理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
回答已采纳
尝试访问this.props.state值时未定义
import React, { Component, PropTypes } from 'react';
import { connect } from 'react-redux';
import * as actions from '../actions';
const mapStateToProps = ({ movies }) => ({
state: movies,
});
class App extends Component {
componentDidMount
浏览 4提问于2016-07-17得票数 0
1回答
当我用console.log(coin.description.en);调用detail时，没有显示错误的测试: console.log，但是当我在呈现不工作中编写这个代码时，显示这个错误：TypeError:无法访问属性"en"，coin.description是未定义的
import React, {useEffect, useState} from "react";
import {connect} from 'react-redux';
import axios from 'axios';
function CoinDe
浏览 2提问于2020-10-07得票数 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
当我记录项目时，我可以看到项目存在，但尝试调用map时出现未定义的错误
import React, { Component } from "react";
import { connect } from "react-redux";
import Project from "./Project";
const ProjectsContainer = ({ projects }) => {
const allProjects = projects.map((project, index) => (
<Project
浏览 4提问于2020-05-16得票数 0
回答已采纳
我很新的反应-本机，并一直击中以下错误，同时试图设置我的appNavigation和redux。
TypeError：(0，_reactNavigation.addNavigationHelpers)不是函数。(在'(0，_reactNavigation.addNavigationHelpers)({dispatch:dispatch，状态:nav})“(0，_reactNavigation.addNavigationHelpers)‘中未定义.
代码-->
App.js -
import React from 'react';
import store f
浏览 0提问于2020-02-05得票数 2
我的ReactJS代码中出现了以下错误：
TypeError:无法读取未定义的属性“映射”
这是基于以下代码：
import React, { Component } from "react";
import { connect } from "react-redux";
import { ListGroup, ListGroupItem } from "reactstrap";
import { bindActionCreators } from "redux";
import * as categoryActions fr
浏览 4提问于2021-08-09得票数 1
回答已采纳
大家下午好。我遇到了一个我无法解决的问题。
我试着跟随，寻找关于SO的答案，但到目前为止都失败了。
ownProps返回未定义的。这是“祖父母”(首页)：
{<Switch>
<Route exact path="/computers">
<MacBookList />
</Route>
<Route path="/computers/:id" component={MacBookCard}>
<M
浏览 5提问于2021-05-21得票数 0
回答已采纳
2回答
我在学习我和Redux的反应。我不明白为什么我的ownProps变量'id‘不传递MapStateToProps函数中的值。我能够console.log 'id‘的值，但是当我使用find()方法查看post.id和变量'id’值的匹配时，它无法识别。错误信息是
×TypeError:无法读取未定义属性的“标题”
我以为我做的一切都是正确的，显然不是。希望有人能帮我。
这是在我的App.js:里
import ApiSingle from './components/api/api_post.component';
<Route path=
浏览 2提问于2020-01-31得票数 0
尝试使用Jest为ReactJs代码编写单元测试。当我试图通过道具时，它显示我下面的错误
TypeError:无法读取未定义的属性“”email“”
62 |
63 | const mapStateToProps = state => {
> 64 | const { email, password, errors, loading } = state.auth;
| ^
65 |
66 | return { email, password, errors, loading };
67 | };
SignIn.js
im
浏览 0提问于2019-12-23得票数 1
我有一个错误：
TypeError:无法读取未定义的属性“映射”
而且不知道当我将this.props.movies声明为[]时，如何才能将initialState定义为[]，然后它必须直接进行渲染？
所以有一些文件：
Reducer.js
import * as types from "./ActionTypes.js";
const initialState = { movies: [] };
export const reducer = (state = initialState, action) => {
console.log(state.mov
浏览 0提问于2018-02-27得票数 3
回答已采纳
当我按下按钮'<‘’或'>‘>(增加或降低难度)时，我在PureComponent (react.development.js:444)上得到错误“未定义的属性”：无法设置属性’道具‘(react.development.js:444)。
我怎么才能修好它？
上面的代码要比实际的代码少得多，但是即使在这个大小的情况下，它也不能正常工作。
即使是“废话”也不会出现在控制台上。
StartMenu.js
import React from 'react';
import { connect } from 'react-redux';
浏览 0提问于2019-04-30得票数 0
回答已采纳
试图使用redux使用redux路由器v4并遇到此错误，似乎是在跟踪文档，无法在其中找到任何信息，因此我感到困惑：
未定义TypeError:无法读取未定义属性的“路由”
这是我的密码：
import React, {Component} from 'react';
import {
BrowserRouter as Router,
Route,
Link,
withRouter
} from 'react-router-dom'
import Menu from './Menu';
import { connect }
浏览 4提问于2017-04-11得票数 10
我刚接触到Redux，并且正在学习如何正确地使用它来做出反应。但我面临的问题是"TypeError:无法读取未定义的属性‘计数器’“。下面是我正在使用的代码:我是Redux的新手，正在学习如何在React中正确地使用它。但我面临的问题是"TypeError:无法读取未定义的属性‘计数器’“。下面是我使用的代码：
reducer.js
>
> const initialState = {
> counter: 0
> };
>
浏览 2提问于2019-10-04得票数 2
回答已采纳
我有以下代码示例：
import React, {Component} from 'react'
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
import {connect} from 'react-redux'
import axios from '../../axios'
import classes from './List.module.css'
import {Button,ListGroup} fr
浏览 1提问于2019-04-24得票数 0
回答已采纳
我在react中是新的，所以我尝试遵循redux教程，并得到了这个错误- TypeError:无法读取未定义的属性(读取'map')
如果有人能帮忙，我真的很感激，谢谢！
下面是我的代码
import React, {useState} from 'react'
import { useSelector } from 'react-redux'
import { Link } from 'react-router-dom'
export const PostsList = () => {
const posts
浏览 7提问于2021-12-10得票数 1
回答已采纳
我在第二次测试时出错。他们有什么问题？我做了所有的文档，但有错误：“无法读取属性'prop‘的未定义”。我试着使用Provider，但它对我没有帮助，也许我做错了什么？ 我能以某种方式调试它吗？ BoardContainer.test.js import React from 'react'
import configureStore from 'redux-mock-store'
import ConnectedBoard,{Board} from './BoardContainer'
import { shallow, conf
浏览 14提问于2019-01-21得票数 0
回答已采纳
1回答
我运行了一个api并获得了对象的json对象。下面是这个物体的截图。在react本机中，我使用键" data“从redux获取组件中的数据。
当我尝试在mapStateToProps组件中获取城市名称时，我将得到以下错误
TypeError:无法读取未定义属性的“名称”
区块报价
我的mapStateToProps在下面。
const mapStateToProp = ({data}) => {
//console.log(data);
return {
city: data.data.city.name
}
}
我得到完整的数据到城市
浏览 1提问于2018-05-09得票数 0
回答已采纳
您好，我是新的反应和redux，我试图访问存储从componentDidMount方法，但总是给我未定义，当控制台的状态从mapActionToState第一次给我未定义，然后给我真实的状态 import React, {Component} from 'react'
import {connect} from "react-redux";
class UserProperties extends Component {
constructor(props) {
super(props);
this.state = {
tab
浏览 22提问于2019-03-21得票数 0
我是一个新的反应，并试图建立一个应用程序，该应用程序将球员洗牌成两支球队，并有困难，以传递数据从一个组件到另一个。
我已经安装了redux和react-redux。
在我的reducer.js中，我获得了一个球员列表，并对它们进行了混洗，将混洗后的列表添加到状态中：
const shufflePlayers = (state) => {
return {
...state,
shuffledList: [
...state.playersList.sort(() => Math.random() - 0.5)
]
}
}
然后在'
浏览 0提问于2020-06-25得票数 2
我目前正在转移一个网站从React Fuse到NextJS的React。大多数情况下，一切都很好，但是在试图创建一个构建时，有一个错误是我无法处理的：
> Build error occurred
TypeError: Cannot read property 'b' of undefined
在每个构建中抛出，它来自于__webpack_require__函数
modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
modules[moduleId]是未定义
浏览 0提问于2021-03-16得票数 0
我试图在id文件中获取用户使用createListItems()的last name、first和last name。
但是，我有
"TypeError:无法读取未定义的属性‘映射’“
当我运行程序时出错，(line7 / user-list.js) return this.props.users.map(user => {是红色的(不工作)。
我不知道为什么会出现这个错误，以及如何修复它。有人知道如何消除这个错误吗？
user-list.js
import React, { Component } from "react";
import { bindA
浏览 0提问于2019-08-15得票数 0
回答已采纳
1回答
无法找到错误ownProps.match TypeError的解决方案：是未定义的。
我正在学习一个关于react-redux和firebase的教程，以构建一个待办事项应用程序。下面的代码给出了当我单击主仪表板上的任务/项目并在projectDetails页面中从消防局获取该独立项目的数据时被重定向到的组件。
ownProps函数中的mapStateToProps正在消除所提到的错误。
任何解决此错误的帮助或实现此代码的替代方法都将不胜感激。
import React from 'react'
import { connect } from 'react-redux&
浏览 4提问于2021-03-27得票数 1
回答已采纳
我正在使用原生react，现在，当我试图挂载我的加载组件时，我得到了以下错误。
TypeError:未定义不是对象(计算“”this.props.navigation.navigate“”)
以下是我的代码
import React from 'react';
import SplashScreen from 'react-native-splash-screen';
import Loading from '../../components/loading/Loading';
import { connect } from 'react
浏览 8提问于2019-11-27得票数 0
我在我的应用程序里使用Redux。
我已经在还原器中设置了初始状态，但显然有些地方是不正确的，因为我得到了以下错误：
未定义的TypeError:无法读取未定义的属性“映射”
这是减速机：
const initialState = {
machines: [
{
id: "1",
identifier: "My Machine 1",
location: "My Location 1"
}
]
};
export default function machines(state=initialSt
浏览 0提问于2018-08-17得票数 0
回答已采纳
我想尝试小的redux示例，所以我安装了redux，但是我得到了这个错误。
TypeError:无法读取未定义的属性“getState”
新提供商webpack-internal:///./node_modules/react-redux/es/components/Provider.js:24:25
代码：
import React from 'react';
import ReactDOM from 'react-dom';
import { Provider } from 'react-redux';
import './
浏览 2提问于2019-02-24得票数 9
回答已采纳
我这里有一个奇怪的问题，所以我正在使用redux，这是我从减速机状态选择的产品的组件代码。
import './productInfo.css';
import { useParams } from 'react-router-dom';
import { getProduct } from '../../actions/productActions';
import { connect } from 'react-redux';
import { useEffect, useState } from 'react'
浏览 3提问于2022-10-21得票数 1
回答已采纳
嗨，我刚开始反应和还原，我有以下问题，将clientName属性添加到mapStateToProps中的提议数组会给我以下错误："TypeError:无法读取未定义的属性‘名称’“，我尝试了很多事情，但我真的找不到解决方案。
const ProposalsPage = ({ proposals, clients, loading, loadProposals,loadClients }) => {
useEffect(() => {
if (proposals.length === 0) {
loadProposals().catch((error)
浏览 0提问于2021-02-22得票数 0
回答已采纳
1回答
有没有什么办法可以把e对象放在handleSubmit函数中？我在那里已经有了一个参数，如果我把e加到参数中，那么它会根据参数的顺序给出一个错误，如果handleSubmit=(e，priorityLevelData)=> {，则会说"TypeError: e.preventDefault不是一个函数“。……或"TypeError:无法读取未定义的属性'preventDefault‘“，如果handleSubmit=(priorityLevelData，e)=> { import React from "react";
im
浏览 13提问于2020-04-14得票数 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回答
我正在使用redux进行一个反应式的本地项目。到目前为止，我成功地将redux连接到一个屏幕上，并且我正在尝试连接下一个屏幕，第一个正在正常运行。问题是我得到了：
TypeError:无法读取未定义的属性“currentView”
当试图从商店中检索值时。
我的商店已经被成功地设置好了： (所有的东西都在第一个屏幕上运行)
我的实现(为了更好的可读性而减弱)：
import { connect } from 'react-redux';
class App extends React.Component {
public state: any;
publ
浏览 1提问于2020-04-07得票数 0
我是一个全新的反应和我遵循一个教程。在本教程中，我有以下名为User-list.js的组件：
import React, {Component} from 'react';
import {bindActionCreators} from 'redux';
import {connect} from 'react-redux';
class UserList extends Component {
createListItems() {
return this.props.users.map((user) => {
浏览 4提问于2017-01-09得票数 0
2回答
验证ReduxForm:嵌套值
、、、、
我在ReduxForm中使用了validatioin，直到我必须验证一个名为嵌套的字段(即：location.coordinates[0] )。
在Redux商店中，这个数据看起来是这样的：
"location" : {
"type" : "Point",
"coordinates" : [
103.8303,
4.2494
]
},
尝试验证这些字段时，
方法1
if (!values.location.coordinates[0]) {
errors.loca
浏览 6提问于2018-10-04得票数 2
2回答
无法在数组上循环
、、
我已经创建了一个组件，并从userReducer获取数据并将其制作成道具，但是在呈现方法中，如果我对数据进行控制台(即用户数组)，我可以在控制台中看到数据，但是当我将数据传递给一个函数并试图遍历数组时，我会得到以下错误。
未定义TypeError:无法读取未定义的属性“映射”
我不明白我犯了什么错误。
import React, {Component} from 'react';
import PropTypes from 'prop-types';
import {connect} from 'react-redux'
import * as
浏览 0提问于2017-10-09得票数 0
关于这个问题，我有个问题。
TypeError:无法读取未定义属性的“反向”
在反应中的一个部件内。我尝试将异步调用放入componentDidMount中，因为该调用连接到另一个异步api。
import React, { Component } from "react";
import { connect } from "react-redux";
import { fetchProducts } from "../../actions";
import M from "materialize-css/dist/js/materi
浏览 4提问于2020-05-19得票数 0
回答已采纳
2回答
我有下面的代码，每次我试图访问返回内部的状态时，我都会得到一个
TypeError:无法读取属性‘#属性’的null
import React, {useEffect, Fragment} from 'react'
import {Row, Col} from 'react-bootstrap'
import {connect} from 'react-redux';
import PropTypes from 'prop-types'
import {getProduct} from '../../actions/p
浏览 2提问于2020-06-06得票数 1
我尝试创建一个经过身份验证的路由组件来包装我的react路由，如果登录无效，它会重定向到'/‘路径。我的回答是：
然而，我想访问我的redux商店。如何访问要注入到道具中的loginStatus道具？使用下面的代码，props.loginStatus是未定义的
谢谢
import React from 'react';
import { Route, Redirect } from 'react-router-dom';
import { SUCCESS } from '../common/webUtils';
import { conn
浏览 0提问于2020-06-10得票数 0
尝试学习反应，但在尝试使用"mapStateToProps“时有问题--它显示错误"TypeError:无法读取未定义的属性‘股票’”
import PropTypes from "prop-types";
class StockList extends Component {
componentDidMount() {
this.props.getStocks();
}
render() {
const { stocks } = this.props.stock;
return (
<Contain
浏览 1提问于2019-01-26得票数 1
回答已采纳
3回答
“我使用redux调用了外部react，当我试图使用map函数时，存储中装载了来自API.But的数据”无法读取未定义的属性'map‘错误。
{this.props.carDetails.array.map(([key,value])=>[key,value])}
carDetails is loaded with following dat
open_cars: Array(2)
0: {carid: 1, title: “bmw”} 1: {carid:2,title:”audi”}"
Here is my class
import
浏览 2提问于2019-10-02得票数 0
2回答
我不明白为什么这不起作用：
-spec.js
it.only('passes props to children', () => {
const state = {
company: {
name: 'Company A'
}
},
store = fakeStore(state),
container = <HomePageContainer store={store} />;
const homePageContainer =
浏览 2提问于2017-02-22得票数 0
2回答
我试图在React + Redux + Firebase中构建Google身份验证。我想在google认证之后创建用户。但是在Firebase上重定向之后，this.props.createUser()就不能工作了。
TypeError:无法读取未定义属性的“道具”
app/src/components/home.js
import React, { Component } from "react";
import { connect } from "react-redux";
import firebase from "../config/fire
浏览 2提问于2020-01-14得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
