mapStateToProps从reducer返回未定义的状态
mapStateToProps是React-Redux中的一个函数，用于将Redux中的状态(state)映射到React组件的props上。它接收两个参数，第一个参数是一个函数，用于指定如何将Redux中的状态映射到组件的props上；第二个参数是一个对象，用于指定一些配置项。
当在使用mapStateToProps时，如果从reducer返回了未定义的状态，可能会导致一些问题。这通常是由于在reducer中没有正确处理相关的action类型所致。在Redux中，reducer负责处理action并返回新的状态对象。如果在reducer中没有处理某个特定的action类型，或者没有返回一个有效的状态对象，那么在使用mapStateToProps时就会得到未定义的状态。
为了解决这个问题，我们可以检查reducer中是否正确处理了所有的action类型，并确保在每个case语句中都返回一个有效的状态对象。另外，我们还可以使用Redux DevTools来调试和跟踪Redux的状态变化，以便更好地定位和解决这类问题。
在腾讯云的产品中，与Redux类似的状态管理工具是腾讯云的云开发(CloudBase)。云开发提供了一套完整的云端一体化解决方案，包括云函数、数据库、存储、托管等功能，可以帮助开发者快速构建和部署应用。通过云开发，我们可以将云端的状态与前端组件进行绑定，实现类似于mapStateToProps的功能。
更多关于腾讯云云开发的信息，可以访问以下链接：
请注意，以上答案仅供参考，具体的解决方法可能需要根据具体情况进行调整和优化。
相关·内容
1回答
更改redux状态时删除元素
reactjs、redux、react-redux
当从redux状态中删除元素时，我有更新组件的问题。
我的组件：
const mapStateToProps = state => ({
products: state.shoppingBasket.list,
});
const ShoppingBasket = React.createClass({
propTypes: {
removeProduct: React.PropTypes.func.isRequired,
products: React.PropTypes.array,
open: React.PropTypes.func.isRequ
浏览 1提问于2017-02-09得票数 1
回答已采纳
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回答
访问容器中的Reducer返回未定义的
javascript、reactjs、redux、react-redux、flux
我只想在我的React中集成一个新的容器，将它与Redux连接起来，只想看到它都能工作。但事实并非如此。通过this.props.selection访问减速器给了我undefined。我也不知道原因。它确实在其他容器中工作，并且减速器有一些定义良好的初始状态.-我不知道这有什么区别？我是不是错过了一些琐碎的东西？
import React, { Component } from 'react'
import { connect } from 'react-redux';
import {bindActionCreators} from 'redux
浏览 0提问于2018-11-26得票数 0
回答已采纳
4回答
Redux中mapStateToProps中的状态参数是什么？
javascript、reactjs、ecmascript-6、redux、react-redux
我是一个反应的初学者-Redux。我想了解state参数在mapStateToProps(state)中。我们应该考虑state的组件状态还是Reducer State？我真的需要理解Redux的幕后故事。
码
function mapStateToProps(state) {
return {
course: state.course
};
}
浏览 0提问于2019-09-04得票数 0
回答已采纳
1回答
React redux提交并使用下一页提交的数据表单
javascript、redux、ecmascript-6、react-redux、redux-form
我正在使用redux-form，在提交时，我试图将提交的数据传递到另一个页面，在那里我应该使用提交的redux-form数据来构建其他内容。我是redux领域的新手，但我正在尝试了解reducers和action creator是如何工作的。在这一点上，我正在将提交的数据付诸行动，并且在reducer中，有效负载是未定义的。那么，如何才能正确地执行submit form ->调度操作，将数据传递到reducer ->中，并将数据传递到下一个页面。 这是我的redux-form： <form method="POST" action="/" a
浏览 22提问于2020-06-03得票数 0
1回答
我在redux上写标签时犯了什么错误？我需要在代码中修改什么？
javascript、reactjs、redux
我在React.js上实现了非常简单的选项卡。
您可以看到它在沙箱中是如何工作的：
和我的反应代码：
import React from "react";
import ReactDOM from "react-dom";
const items = [{content:"London"}, {content:"Paris"}];
class Content extends React.Component {
render(){
return (
<div>
浏览 3提问于2019-11-21得票数 0
回答已采纳
2回答
React操作对象未定义
javascript、reactjs、redux、react-redux
我是新的反应- redux和我有一个问题的redux动作对象。当我将对象打印到控制台时，它将正确显示，如下所示：
请检查我的密码。
FeedPage.jsx
class FeedPage extends React.Component {
componentDidMount() {
const { id } = this.props.match.params;
this.props.dispatch(feedActions.getById(id));
console.log("props", this.props);
浏览 0提问于2018-08-24得票数 0
回答已采纳
3回答
React redux不会更新类组件的状态
javascript、reactjs、redux、react-redux
我有一个组件，如果使用redux更改了另一个组件的状态，它应该会更新，但事实并非如此。
在mapStateToProps内部，redux操作返回正确的值。
import React, {Component} from "react";
import './DashboardContent.scss';
import * as entries from '../../../assets/demo.json';
import CategoryHeader from "./CategoryHeader/CategoryHeader";
浏览 0提问于2020-08-14得票数 0
4回答
还原剂在反应还原中不更新状态。
javascript、reactjs、redux、react-redux、redux-form
我正在尝试使用更新状态，但是状态没有被更新。还原器中的"if (action.type === 'SET_LOGGED_IN')“正在出现新的值，但没有将isLoggedIn更新为true。怎么了？
Login.js
function handleLoginClick(username, password, e) {
e.preventDefault();
post('/createUser', { username, password })
.then(({ status }) => {
浏览 2提问于2019-02-25得票数 3
回答已采纳
2回答
在React本机组件中获取Redux存储数据
javascript、react-native、redux、react-redux
我刚开始使用Redux和React Native，我在尝试获取组件中存储的数据时遇到了很多困难，它是任何特别的东西，只是一个按钮来改变存储，另一个按钮来打印它，因为我在这里还是一个新生儿
// TestComponent.js
<Button onPress={ () => { this.props.todoAdd("cafee") } }>
<Text>Covfefe</Text>
</Button>
<Button onPress={ () => { console.log(this.state)
浏览 21提问于2019-11-13得票数 0
回答已采纳
2回答
redux-不变的mapStateToProps道具空
reactjs、redux、redux-immutable
我正在更新我的第一个react/redux应用程序，以使用redux-immutable，并且不知道为什么mapStateToProps中的道具是空的。我看到在thunk记录器输出中填充的属性，但是它们在组件中是空的。
components/Packages.jsx
import React from 'react';
import pureRender from 'pure-render-decorator';
import {connect} from 'react-redux';
import PropTypes from 'pro
浏览 2提问于2018-01-25得票数 3
回答已采纳
1回答
mapStateToProps如何在react redux实现中接收更新状态？
javascript、reactjs、redux、react-redux、immutable.js
我正在学习react实现，并遇到了一个我找不到修复的bug。函数mapStateToProps获得初始(和空)状态。我使用无缝不变的状态对象，并且我知道我的还原器实际上正在被调用并更新状态。我尝试过每个组件相关的方法(componentWillReceiveProps、componentWillMount、componentDidMount等)，mapStateToProps从不接收更新的状态；总是初始的空状态。在这些方法中调用this.props.dispatch之前，它将运行。
我一定是遗漏了什么..。
相关文件：
1. app/index.js
import React, { Compo
浏览 1提问于2016-12-19得票数 0
1回答
Redux -在reducer中更新状态，但不更新组件的新值
reactjs、redux
在redux结合React应用程序中更新状态时，会在reducer中更新状态。但在容器中，我仍然保持旧的状态。
下面是减速器。
import * as constants from '../actions/constants';
export function caseTypes(state=[], action) {
switch(action.type) {
case constants.LOAD_CASE_TYPES_SUCCESS:
return action.caseTypes
default:
return state;
浏览 0提问于2018-04-13得票数 0
1回答
React-redux组件在从reducer进行异步saga调用后更新状态属性
javascript、reactjs、redux、react-redux、redux-saga
我正在尝试用react-redux栈开发一个简单的图片列表组件。以下是我的操作、缩减程序、saga和组件根定义- // Actions
export const getImageListData = () => ({
type: IMAGE_LIST_GET_DATA
});
export const getImageListDataSuccess = (data) => {
console.log("ACTION::SUCCESS", data);
return ({
type: IMAGE_LIST_GET_DAT
浏览 17提问于2019-06-09得票数 0
4回答
Redux应用程序中另一个组件中连接函数值的访问问题
javascript、reactjs、redux、react-redux
我已经在我的React应用程序中设置了Redux，但是当我使用this.props在一个单独的文件中访问另一个组件中的数据时，没有传递任何数据。我的操作正在执行，它传递我想要的数据。这是我的actions.js
export const ADD_CART = 'ADD_CART';
export function addCart(item){
return {
type: ADD_CART,
payload: item
}
};
我的reducer.js是：
import {ADD_CART} from './actio
浏览 6提问于2017-05-29得票数 2
回答已采纳
2回答
Redux。将状态值传递给reducer
javascript、reactjs、redux、react-redux
我正在尝试在我的应用程序中实现Redux。所以，我创建了action，reducer，store等。现在，我必须将state传递给reducer并更改此参数的值(布尔值)。我不知道我做错了什么。单击按钮后触发reducer中的alert，但dialog不关闭。你知道怎么改变open的值吗？
动作
export const checkPassword = () => ({
type: "CHECK_PASSWORD"
});
组件
const mapDispatchToProps = dispatch => {
return {
c
浏览 0提问于2018-01-30得票数 2
回答已采纳
1回答
即使在使用Object.assign时，Redux初始状态也会发生变异。
javascript、reactjs、redux
这是我在实际应用程序中遇到的一个问题的简单复制。
基本上，如果你点击'Update‘按钮，文本就会从“干净的房间”变成“获取牛奶”。“干净的房间”是减速机初始状态下的一个值。然后在我的React组件中，我实际上尝试克隆状态，并变异克隆以改变值以“获取牛奶”(第35/36行)。令人惊讶的是，初始状态本身也会发生变异，尽管我试图不改变它(如第13行所示)。
我想知道为什么Object.assign不适用于redux。
这是jsFiddle的代码。
剩馀
const initState = {
task: {id: 1, text: 'Clean Room'}
}
浏览 1提问于2018-11-20得票数 3
回答已采纳
1回答
mapStateToprops不能将状态分配给属性吗？
reactjs、redux
我正在使用reducer，它看起来reduct可以连接到redux，但不能连接到道具。我已经看到了状态值，但它与道具无关，.could，有人能帮我找出如何攻击道具吗？
1-reducer_books.js
------------------------------------------------------
export default function () {
return [
{ title: 'testTitle1' },
{ title: 'testTitle2' },
{ title: 'testTitl
浏览 2提问于2018-10-08得票数 0
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
回答已采纳
2回答
在redux应用程序中不可能不使用combineReducers吗？
reactjs、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
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
即时通信 IM
ICP备案
对象存储
实时音视频活动推荐
腾讯云开发者
