React - Redux - this.props返回始终未定义
React是一个用于构建用户界面的JavaScript库，而Redux是一个用于管理应用程序状态的JavaScript库。在React中，this.props是一个用于访问组件属性的对象。然而，当React组件中的this.props返回始终未定义时，可能有以下几个原因：
- 组件未正确定义props：在React组件中，props是通过父组件传递给子组件的。如果父组件没有正确传递props给子组件，或者子组件没有正确定义props，那么this.props将返回未定义。确保父组件正确传递props，并在子组件中使用propTypes来定义props的类型和必需性。
- 组件未正确绑定this：在React组件中，如果没有正确绑定this，那么在组件中访问this.props时会返回未定义。确保在组件的构造函数中使用bind方法或箭头函数来绑定this，或者在使用类属性语法定义事件处理程序时自动绑定this。
- 组件未正确传递props给Redux连接器：如果使用Redux来管理应用程序状态，并且组件通过connect函数连接到Redux store，那么可能是在connect函数中未正确传递props参数。确保在connect函数中传递第二个参数mapStateToProps，以便将Redux store中的状态映射到组件的props中。
- 组件未正确使用Redux的connect函数：如果组件使用了Redux的connect函数，但未正确使用它，那么this.props可能会返回未定义。确保在connect函数的第一个参数中传递null或一个函数，并在组件中使用connect函数返回的包装组件。
综上所述，当React组件中的this.props返回始终未定义时，需要检查组件的props定义、this绑定、Redux连接器和connect函数的使用等方面，以确定问题的根本原因。
相关·内容
2回答
当访问组件的道具时，“此”是在将状态映射到支持后未定义的。
javascript、reactjs、redux、react-redux
在使用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
回答已采纳
2回答
无法从类组件调用操作。错误:在实现缩减程序时，This.props.dispatch不是一个函数
reactjs、react-native
所以基本上我想把这个包实现到我的应用程序中。
但当我试图遵循他们的方法时，我被这个问题卡住了。
我坚持是因为我想通过redux使用这个烤面包器库，但当我这样做时，我得到了错误消息：this.props.dispatch不是一个函数。bla bla调度未定义。
下面是我的代码，我可以在上面调用Toaster，但操作不起作用：
import React, { Component } from 'react';
import {
AppRegistry,
StyleSheet,
Text,
ScrollView,
Button,
View
} from &#
浏览 0提问于2017-09-30得票数 0
1回答
react redux-form-分派不会在道具中传递。
forms、reactjs、redux
我正在使用，然后按照创建了react组件：
该类包含存储定义和提供程序。
import React from 'react';
import { Provider } from 'react-redux';
import { createStore,applyMiddleware } from 'redux';
import { combineForms } from 'react-redux-form';
import RecordForm from './components/RecordForm.jsx'
浏览 1提问于2017-02-04得票数 2
回答已采纳
2回答
在Redux中使用mapStateToProps
javascript、reactjs、redux
我想找个简单的例子。下面是代码。
在本例中，在：
mapStateToProps = (state) => {}
state从哪里来？我有点困惑，不知道我到底是怎么回事？
我知道connect(mapStateToProps)(TodoApp)“绑定”了在mapStateToProps中返回的状态到TodoApp，然后可以通过this.props访问。
我需要对这段代码做些什么，以便在TodoApp中打印出当前状态
import React from 'react';
import ReactDOM from 'react-dom';
import { P
浏览 2提问于2017-06-25得票数 0
回答已采纳
3回答
从子组件修改父数组
javascript、arrays、reactjs
我正在构建一个React应用程序，我需要为我从应用程序打开的所有窗口存储处理程序(是的，这有点奇怪，但这是我必须要做的)。在使用React之前，我将窗口存储在一个指向父窗口的全局数组上(我知道JS全局变量是一种非常糟糕的做法，但它是在项目中指定的)。
我不想使用Redux，只想用React.来解决这个问题。
在新的React应用程序中，我在app组件的状态上声明了这个数组，并使用了一种方法来操作stae，作为子组件的支柱：
class App extends Component {
constructor(props) {
super(props);
this.state
浏览 1提问于2018-06-06得票数 1
1回答
React未定义的TypeError:无法读取未定义的属性“setState”
reactjs、react-redux
新来的。
我一直在寻找答案，和。
我也在使用Redux。根据良好实践，我有一个容器"AddressContainer“及其组件"Address”。
AddressContainer的内容如下-
import React, { Component, PropTypes } from 'react'
import { connect } from 'react-redux'
import { Field, change } from 'redux-form'
import { Col,
浏览 3提问于2017-06-10得票数 0
回答已采纳
2回答
如何将剩余状态传递给子线路？
javascript、reactjs、react-router、redux
我很难理解如何与redux一起使用redux-路由器。
index.js
[...]
// Map Redux state to component props
function mapStateToProps(state) {
return {
cards: state.cards
};
}
// Connected Component:
let ReduxApp = connect(mapStateToProps)(App);
const routes = <Route component={ReduxApp}>
<Route path=
浏览 0提问于2015-10-20得票数 10
1回答
Redux dispatcher未能作为支柱传递给子组件
redux、react-redux
下面的两个分派器都不会出现在子程序中的props对象中(this.props只显示我传入的"Hi“字符串)。
如果我只是在App.js父组件中使用它们(作为this.props.<dispatcher()>，它们可以工作)。
// App.js
import React, { Component } from 'react';
import './App.css';
import SelectDonation from './components/SelectDonation';
import {connect}
浏览 0提问于2018-11-20得票数 0
回答已采纳
2回答
嗨，我有两个react组件parent和child，它们都连接到redux store到同一个对象，对象从服务器asynchronously获取数据。
问题：在接收新道具时，父母的componentWillReceiveProps会被执行，但是孩子的componentWillReceiveProps没有执行任何想法？？
子组件
import React, {Component} from 'react';
import {bindActionCreators} from 'redux';
import {connect} from 'react-redu
浏览 2提问于2017-08-14得票数 1
3回答
console.log(this.props.store)在我的create react应用程序中返回未定义？
reactjs、react-native、redux、react-redux、create-react-app
我创建了一个创建react应用程序，并包含了带有卡片列表的redux和一个显示过滤结果的搜索框，该应用程序在我添加redux之前工作正常，但现在它不返回任何结果。当I console.log(this.props.store)时，它返回未定义。如果有人能帮我这个忙，我会非常感激的。我的文件如下：
constants.js
export const CHANGE_SEARCH_FIELD = 'CHANGE_SEARCH_FIELD';
actions.js
import {CHANGE_SEARCH_FIELD} from './constants.js';
浏览 1提问于2020-06-12得票数 0
2回答
未定义的TypeError:无法读取未定义的属性“道具”(reactjs) (非常相似)
javascript、reactjs、redux、react-redux
我学习了这个关于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
2回答
在容器组件模式中集成调度操作
reactjs、redux、react-redux
因此，我完全不明白如何集成容器和组件模式。我已经复习了整个上午的例子，似乎什么都没有点击。在我的第一个项目之前，我是如何使用React的？？在我的视图组件中获取数据，然后使用工作的@connect将数据作为道具传递给我，但在此时以“自动”的方式传递给我。
import React;
...
import {action} from 'path/to/action.js';
@connect((store) => {return{ key: store.property}});
export class Component{
componentWillMount()
浏览 3提问于2017-08-31得票数 1
回答已采纳
1回答
React Redux连接组件在状态更改后不会更新
javascript、reactjs、redux、react-redux
我在试着使用React Redux。有一种情况是，一个连接组件(Coordinates.jsx)嵌套在另一个连接组件(Canvas.jsx)中。
源代码 (纱线安装，然后纱线开始)
在父组件Canvas.jsx中，我在中分派了一个动作，该动作可以永久地改变状态。
Canvas.jsx
componentDidMount() { this.props.addCanvasSize(windowWidth, windowHeight)
}
问题是，在更改状态后，子组件Coordinates.jsx没有更新，console.log显示未定义的。
Coordinates.jsx
compone
浏览 1提问于2017-05-24得票数 1
回答已采纳
1回答
如何使用redux格式的formValueSelector在更改时获得更新的输入字段值
javascript、redux-form
我使用redux-form和formValueSelector从字段中获取输入值。我想从变化中获得价值，但是@@redux-form/CHANGE操作是在我的函数调用onChange之后调用的。所以我没有得到更新的值。我的代码：
export class PersonFilter extends React.Component {
constructor(props) {
super(props);
}
filterByName = (event, searchName) => {
//here searchName is getting old value
浏览 2提问于2017-10-27得票数 0
4回答
将属性映射为redux中的状态
javascript、reactjs、redux、react-redux
我有一个组件，它使用state向用户提供数据。例如，<div>this.state.variableInState</div>。这个组件可以分派一些方法(例如onClick动作)。目前，我正在使用react-redux (一种connect方法)将store映射到props。有什么办法在调度后我可以setState吗？
// actions
export function executeAction() {
return function (dispatch, getState) {
dispatch({
type: 'MY_ACTION
浏览 3提问于2017-03-31得票数 8
回答已采纳
3回答
Redux和React本机组件连接: this.props未定义
react-native、redux、react-redux、undefined
我正在尝试访问在我的reducer的初始状态中定义的name字段。目前，this.props正在返回未定义的。 我的reducer： import { combineReducers } from 'redux';
const INITIAL_STATE = {
name: "Test"
}
const userReducer = (state = INITIAL_STATE, action) => {
switch (action.type) {
default:
return state
}
}
浏览 24提问于2019-12-21得票数 1
回答已采纳
3回答
如何像支柱一样将分派传递到组件中？
javascript、reactjs、redux、react-redux
有人能告诉我，我们如何将常规的dispatch Redux存储方法直接发送到组件，比如道具。见下面的例子。
我也看到了Dan Abramov 通过使用functional component的例子，但是没有找到答案，有什么方法可以让它抛出class component
import React, { Component } from 'react';
import { connect } from 'react-redux';
function addData(data) {
type: "ADD_DATA",
data
};
浏览 0提问于2018-04-30得票数 1
回答已采纳
3回答
Redux中的扩展类
javascript、reactjs、redux
我有以下问题:我有一个react类(dashboardContainer)，只有当用户登录时，它才是可见的。这个类(dashboardContainer)由其他类(授权)扩展，授权类检查用户是否登录，如果数据不处于状态，则获取用户数据。这两个类都使用react连接，但是当我执行它时，它会引发下一个错误：
Uncaught :无法读取未定义的DashboardContainer.Connect (connectAdvanced.js:122)、新DashboardContainer (DashboardContainer.jsx:57)、measureLifeCyclePerf (ReactC
浏览 5提问于2017-10-15得票数 3
3回答
如何使用connect w/ Redux从this.props获得简单的派单？
javascript、reactjs、redux
我已经连接了一个简单的React组件(映射一个简单的数组/状态)。为了避免引用store的上下文，我希望有一种方法可以直接从props中获取“调度”。我见过其他人使用这种方法，但由于某种原因无法访问:)
下面是我目前使用的每个npm依赖项的版本
"react": "0.14.3",
"react-redux": "^4.0.0",
"react-router": "1.0.1",
"redux": "^3.0.4",
"redux-thunk": &#
浏览 59提问于2015-12-25得票数 109
回答已采纳
1回答
如何为调用reduxjs的mapStateToProps的react组件编写单元测试？
javascript、reactjs、redux、jestjs
我试图为一个名为AsyncApp的容器组件编写单元测试，但我得到了以下错误："mapStateToProps必须返回一个对象，而不是接收到未定义的对象。“
这是我的装备。
Root.js
import configureStore from '../configureStore';
import React, { Component } from 'react';
import { Provider } from 'react-redux';
import AsyncApp from './AsyncApp';
cons
浏览 6提问于2016-01-05得票数 10
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
即时通信 IM
ICP备案
对象存储
实时音视频活动推荐
腾讯云开发者
