React Redux reducer未更新状态
React Redux 是一种用于管理应用程序状态的 JavaScript 库。在使用 React Redux 进行状态管理时，reducer 是其中的核心概念之一。reducer 是一个纯函数，负责根据先前的状态和接收到的动作(action)来更新应用程序的状态。
当 Redux store 接收到一个 action 时，它会调用 reducer 函数并传递当前的状态(state)以及接收到的 action。reducer 函数根据 action 的类型来确定如何更新状态，并返回一个新的状态对象。这个新的状态对象会被存储在 Redux store 中，供应用程序的其他部分进行访问和使用。
如果在使用 React Redux 时，发现 reducer 未能更新状态，可能有以下几个原因：
- 未正确定义 reducer 函数：确保 reducer 函数是纯函数，并且能正确处理每个 action 类型。纯函数意味着给定相同的输入，它们总是返回相同的输出，而不会对外部状态产生副作用。可以检查 reducer 的代码，查看是否正确地处理了所需的 action 类型，并返回了正确的状态。
- 错误地使用了不可变数据：在 Redux 中，推荐使用不可变数据来更新状态。这意味着在更新状态时，应该创建一个新的状态对象，而不是直接修改原始状态对象。如果在 reducer 中直接修改了原始状态对象，那么 React Redux 可能无法正确检测到状态的变化，导致未能更新状态。可以使用工具库如 immer.js 来简化不可变数据的更新过程。
- action 未正确分发(dispatch)：确保在组件中正确地分发 action，以触发 reducer 更新状态。可以使用 React Redux 提供的 connect 函数连接组件与 Redux store，然后通过 mapDispatchToProps 方法将 action 创建函数绑定到组件的 props 上。在组件中调用这些绑定的 action 创建函数时，会自动触发 dispatch，从而更新状态。
如果以上的问题都没有解决 reducer 未更新状态的情况，可以进一步检查应用程序中其他可能引起问题的部分，例如中间件、组件的连接等。
总结来说，当 React Redux 的 reducer 未能更新状态时，需要确保正确定义了 reducer 函数、正确使用了不可变数据更新状态，并正确地分发 action。若仍然无法解决问题，建议检查应用程序的其他部分，并确保按照 Redux 的设计原则来进行状态管理。
推荐的腾讯云相关产品和产品介绍链接地址：
- 腾讯云函数计算（Serverless）：https://cloud.tencent.com/product/scf
- 腾讯云云服务器（CVM）：https://cloud.tencent.com/product/cvm
- 腾讯云云数据库 MySQL 版（CDB）：https://cloud.tencent.com/product/cdb
- 腾讯云对象存储（COS）：https://cloud.tencent.com/product/cos
相关·内容
目标
单击next按钮并将两个操作分派到redux存储区，如下所示：
首先，更新skipAmount值。
然后使用更新的skipAmount值生成apiQuery (用于向服务器发出请求的字符串)。
问题
在操作1和2之间没有更新skipAmount值。
示例
我创建了一个CodeSandbox，它清楚地说明了我所面临的问题。注意，skipAmount值是apiQuery之前的100 (或单击事件)。
代码
Index.js
import React from "react";
import ReactDOM from "react-dom";
浏览 3提问于2018-05-30得票数 0
回答已采纳
我刚开始使用redux，所以我只是尝试将redux应用到一个非常简单的应用程序中。只要点击按钮，它就会切换单词。但是，除了这个动作之外，我应该如何分派我的handleClick函数呢？现在，当我单击按钮时，什么都不会发生。
App.js
import React, { Component } from "react";
import { connect } from 'react-redux';
import MyButton from "./MyButton";
import { handleClick } from "./acti
浏览 4提问于2019-10-12得票数 1
回答已采纳
在我的react项目中，我连接了redux，并添加了一个包含键和值对的对象的reducer：" key：'hello'“。我将它导入到我的reducers文件夹中的index.js中，并尝试使用MapStateToProps在容器中使用它。不管出于什么原因，它的值都没有显示出来！当我定义this.props.reducer时，返回的是正确的对象，但当我键入this.props.reducer.key时，返回的是‘console.log’。为什么会发生这种情况？我以前从来没有遇到过这个问题...
这是我的App.js
import React, { Component }
浏览 0提问于2018-03-06得票数 0
我正在使用原始的创建-反应-应用程序来构建，没有弹出。但是我发现构建结果非常大，它是2MB，它正常吗？我删除了'window.REDUX_DEVTOOLS_EXTENSION_COMPOSE'，，实际上，我根本没有使用它。
import { createStore, compose, applyMiddleware } from 'redux'
import reducer from './reducer'
import thunk from 'redux-thunk'
// const composeEnhancers = w
浏览 2提问于2020-04-30得票数 1
回答已采纳
1回答
当使用“react路由器-redux”时，如何获得当前位置？
这是routing状态：
{
routing: {
locationBeforeTransition: {
pathname: "/foo",
search: "",
hash: "",
state: null,
action: "PUSH",
key: "e8jfk"
}
浏览 1提问于2016-08-19得票数 5
回答已采纳
我们正在尝试将AOR (版本1.3.1)包含在现有的应用程序中。当我们遵循时，我们将面临一个错误。
List.js:442 Uncaught TypeError: Cannot read property 'list' of undefined
at Function.mapStateToProps [as mapToProps] (List.js:442)
我们还注意到，在最近的版本中，文档和代码都发生了一些变化，无法解决这个问题。
如果我们使用AOR(版本1.2.3)，那么它可以工作。但是在代码中，我们有以下不同的时间combiningReducers
// create
浏览 2提问于2017-09-27得票数 0
回答已采纳
1回答
我需要你的帮助。我试着用redux做一个todo应用程序。现在，我尝试通过redux从输入中呈现数据。单击按钮时无法创建和绘制项目。您能帮我完成这个任务吗?因为我不知道如何使用redux输入？无论如何，这里有一个指向项目的链接谢谢
import React, {useState} from "react";
import {useDispatch, useSelector} from "react-redux";
import {ADD_TODO} from "../Redux/Action_Types";
export let Tasks =
浏览 7提问于2021-12-11得票数 0
回答已采纳
我正在尝试使用React + Redux + thunk获得更深层次的知识 考虑一下，在这种情况下，我使用react-redux和redux-thunk！ 例如，我的应用程序中有2个reducer： function loadingReducer(state = false, action) {
console.log('loadingReducer');
switch(action.type) {
case 'LOADING':
return action.loading
浏览 38提问于2019-06-03得票数 3
3回答
我正在尝试制作一个简单的应用程序，其中我有一个inputText，并有一个按钮，当按下inputText值时会发出警告。
但是我需要在这个过程中添加redux，在这个过程中，inputText的值将首先被存储，存储的值将被警告。
但当我试着的时候，它对我不管用..。我不知道我做错了什么。如果有人能帮我，那就太好了。
这是我的密码：
Store.js
import { createStore , applyMiddleware } from 'redux';
import { composeWithDevTools } from 'redux-devtools-exten
浏览 0提问于2018-09-14得票数 0
回答已采纳
如果单击ADD按钮或SUBTRACT按钮，我的应用程序只是简单地增加年龄(初始设置为20)或降低年龄。
我不明白为什么我一直收到这个错误。我签入reducer.js以确保相应地使用'age‘属性初始化状态，所以我完全不知道这是什么原因造成的。我仔细检查了所有正确的依赖项，并确保所有语法都是正确的。
我认为可能导致它的另一件事是，我没有在我的reducer.js中对代码行const newState = {state}使用扩展运算符。由于某些原因，vscode不允许我使用扩展运算符。每次我这样做并运行我的应用程序时，屏幕上什么也没有出现。是否存在需要安装才能使用扩散运算符的依赖项？
以下
浏览 2提问于2020-05-21得票数 0
我刚接触了React，我尝试将我的项目与redux集成，问题是在我用于登录的函数组件中，当我尝试用initialState获取useSelector属性时，状态是未定义的。
import React, {useState} from 'react';
import loginStyles from './login.module.css';
import {useDispatch , useSelector, shallowEqual} from 'react-redux';
import {login} from '../../stor
浏览 8提问于2020-04-21得票数 1
回答已采纳
我正在开发一个应用程序，它使用react作为前端，redux用于状态管理。
在这个应用程序中，我有一个reducer，它存储用户存在的当前状态。所以用户是在线的还是离线的。我正在使用useSelector hook获取用户存在的当前状态。
但是，我的问题是如何获取存储在userStatus对象中的先前值。
reducer.js
import * as actionTypes from "../actions/types";
import { combineReducers } from "redux";
const initialState = {
us
浏览 0提问于2021-10-07得票数 1
回答已采纳
? const options = {
name: imageName,
progress: true
};
let uploadedFile = await firebase.uploadFile(
path,
file.file,
null,
options
); 我正在使用redux-firebase上传文件，当使用redux addon检查时，我可以看到上传进度的百分比变化。然而，由于这个reducer在redux-firebase包中关闭了，我如何在上传文件时拦截/读取这个属性呢？包的维护者看
浏览 21提问于2019-10-16得票数 0
1回答
我在我的应用程序中有三个选项卡，我经常从每个选项卡中获取值，并在第三个tab.The应用程序中保存数据，如果导航顺序没有改变，它可以正常工作。(即)表1->表2->表3。
但是当我从表3->表2->表3导航时，来自.The的Tab1值将为null。类似地，当我从Tab3->tab1->Tab3导航时，来自.The的Tab2值将获得null。
Reducer.js
const initialState = {
external: [],
internal: [],
usercode:'',
vehicleImage:'',
ch
浏览 2提问于2019-06-06得票数 1
回答已采纳
1回答
在LisPage.js中，当组件加载时，在调用showCardDetail()之后给出未定义的showCardDetail。在记录器中，它被明确地称为，但不明白为什么它显示出未定义。我尝试了setTimeout()，但结果仍然相同。即使showCardDetail()也正确地返回了console.log(卡)，但仍然返回了未定义的有效负载。
store.js
import { createStore, applyMiddleware } from 'redux'
import counter from '../redux/action';
import thun
浏览 2提问于2021-12-19得票数 0
我开始使用redux，只是为了测试，我开始使用combineReducers进行更结构化的设计，但它并不像每个人建议的那样工作。我一直在抓挠我的方法的错误之处，因为我关注了他们官方网站上的每一个点。 index.js import React from 'react';
import {createStore} from 'redux';
import {Provider} from 'react-redux';
import ReactDOM from 'react-dom';
import './index.css
浏览 17提问于2020-12-21得票数 0
回答已采纳
2回答
我有一个简单的部分，在点击我想要更改redux状态
这是我的解决方案，demo.js
import React from "react";
import { useDispatch } from "react-redux";
import actions from "store/actions";
function Demo() {
const dispatch = useDispatch();
const handleCampaigns = () => {
dispatch(actions.sliderActions.s
浏览 20提问于2021-05-26得票数 0
回答已采纳
我正在学习React和Redux，当我这样做的时候，我决定制作一个带有按钮的网页，点击按钮就会改变状态。在按钮下面，我想在另一个组件中显示当前状态。虽然单击按钮会更改状态，但它不会反映在组件中。下面是我的代码：
App.js
import React from 'react'
import Name from './Name'
import {changeName} from './Action';
export default function App () {
return (
<div>
浏览 0提问于2019-10-05得票数 6
目前，我正在花时间学习React和Redux，总的来说，我对编码还很陌生。不幸的是我陷入了困境。
所以我可以发送一条消息，当我手动调用api时，消息就会显示出来。另外，redux记录器还显示了包含内容的消息数组。但似乎它不会将信息保存到国家。这意味着当我重新加载页面时(因为我还没有实现自动重新加载)。它将只显示输入和按钮标签。对于消息，它从空的initialState获取信息。
action/index.js
const BASE_URL = '********************';
const FETCH_MESSAGES = 'FETCH_MESSAGES&
浏览 3提问于2020-07-25得票数 0
正如标题所暗示的，我正在努力使用reducer更新我的Redux状态。我还将Redux与React结合使用。在这个上下文中，我使用Redux状态来保存用户是否使用JWT令牌登录的布尔值。我相当确定我已经正确地设置了我的缩减程序，因为我可以通过控制台注销初始的身份验证状态，该状态在默认情况下设置为false。但是当我运行AUTH_USER操作告诉reducer将状态更新为authenticated = true时，什么也没有发生。当记录auth的redux状态时，即使在我为AUTH_USER运行了操作之后，它仍然是假的。它似乎正确地出现在reducer中的switch语句中，因为console.
浏览 2提问于2017-11-16得票数 0
我在下拉组件中使用复选框菜单，当用户检查下拉复选框中的任何选项时，状态将被更新，这很好，现在我想将状态使用到我的另一个组件中，我知道redux用于兄弟姐妹之间的通信，但我面临的问题是我的下拉代码。
import { connect } from "react-redux";
const options1 = [
{label: 'One', value: 1},
{label: 'Two', value: 2},
{label: 'Three', value: 3},
];
class _Dropdown extend
浏览 4提问于2020-09-07得票数 0
回答已采纳
1回答
我正在用react编写一个redux应用程序，避免使用react-redux，这在技术上是可行的，如果我们手动处理所有分派的事件。这是示例代码。
The index.html
<!DOCTYPE html>
<html>
<head>
<script src="https://cdnjs.cloudflare.com/ajax/libs/redux/3.6.0/redux.min.js"></script>
<script src="https://cdnjs.cloudflare.com/aja
浏览 8提问于2020-10-14得票数 1
回答已采纳
我正在尝试创建一个React Redux文件的简单示例，以演示从API检索数据后的更改。reducer确实创建了一个要返回的新状态，但是render()并没有被调用。render()是否仅在Provider标记内的子组件中调用；即。它不会调用在其中定义提供程序的组件的render()。 如果有任何帮助，我将不胜感激，因为我已经阅读了几个小时的文档。:-( import React from 'react';
import axios from 'axios';
import { createStore } from 'redux';
impor
浏览 27提问于2020-01-03得票数 1
回答已采纳
我正在学习redux是如何工作的，但是做简单的事情需要大量的代码。例如，我想在显示之前从服务器加载一些数据。由于编辑的原因，我不能简单地使用传入的道具，但我必须将道具数据复制到本地状态。
据我所知，我必须发送一个Fetch_request操作。如果成功，fetch_success操作将用新项更新存储区。然后，更新的项将导致组件的呈现功能更新。
在组件中
componentWillMount() {
this.props.FETCH_REQUEST(this.props.match.params.id);
}
...
在行动中
export function FETCH_REQUEST(id
浏览 2提问于2017-10-07得票数 2
回答已采纳
我是新来的反应和Redux，我有麻烦。下面的代码没有像我期望的那样将我的状态更新到7，并且这个区域没有呈现任何东西，甚至是默认的。
几天来我一直在努力研究这个问题。
任何帮助都是非常感谢的。
谢谢。
import React from 'react';
import { Text, Button, View } from 'react-native'
import { createStore } from 'redux'
import { Provider } from 'react-redux'
// Define the
浏览 6提问于2019-12-30得票数 1
回答已采纳
我正在尝试使用Axios和Redux reducer，并试图将响应保存到状态以便我可以打印出来，但当我尝试将图像打印到页面时，它返回typeError:状态未定义。我可以console.log响应，但不知道如何保存它或让它正确工作。
import Axios from 'axios';
const initState = {
some: '',
cat: '',
}
const reducer = (state = initState, action) => {
switch (action.type) {
浏览 6提问于2018-12-06得票数 0
3回答
我只是在尝试通过一个connect()将我的LoginPage (component)与我的Redux Store和dispatch结合起来。当我console.log(this.props)时，我的调度处理程序login()不在组件的道具中。
GitHub Repo --
问题：，为什么 Redux Store不是connection，也不是dispatching？
LoginPage:
import React, { Component} from 'react';
import { connect } from 'react-redux';
expo
浏览 8提问于2020-10-07得票数 0
回答已采纳
1回答
我可以从网站扩展中看到我想要的redux状态的所有数据，然而，当我想把它拉出来用在我的组件中时，它说this.props.rules是未定义的： 下面是create-store.js： import {createStore, applyMiddleware} from 'redux';
import mainReducer from './reducers/main-reducer';
import {composeWithDevTools} from 'redux-devtools-extension';
import thunk from
浏览 60提问于2020-07-14得票数 2
回答已采纳
1回答
考虑一下这两个缩减程序：
const reducer = (state = initialState, action) => {
switch(action.type){
case 'changeName' :
return { ...state, name: action.name }
default:
return state
}
}
和：
const reducer = (state = initialState, action) => {
switch(ac
浏览 1提问于2020-10-25得票数 0
当我使用类型记录创建我的react项目时，我引入了Redux错误报告，这表明我找不到它，但是我必须安装所有的依赖项。
，这是我的package.json
{
"name": "react-test",
"version": "0.1.0",
"private": true,
"dependencies": {
"@types/jest": "^24.0.11",
"@types/node": "^11.11.3&
浏览 0提问于2019-03-16得票数 20
回答已采纳
1回答
我是使用Redux的初学者，我想在我的应用程序中存储redux的状态，因为每当我刷新页面redux时都会重置状态。这是我的userSlice.js：
import { createSlice } from '@reduxjs/toolkit'
const initialState = {
userName: null,
userEmail: null
}
const userSlice = createSlice({
name: 'user',
initialState,
reducers: {
setA
浏览 4提问于2022-03-29得票数 0
回答已采纳
我使用Redux作为Flux替代方案，使用React作为视图层。我的应用程序的React和Redux都绑定了react-redux connect()方法。在运行应用程序时，当组件挂载时，当redux返回正确的状态时，它会分派操作。但是，redux-logger记录在存储已用新状态更新的控制台中，在组件中，当检查this.props.session时，它仍然显示旧状态。我猜想我没有正确地使用connect方法，但是我也不能定义它的问题。有人知道发生了什么事吗？
containers/App
'use strict';
import React from 'react&
浏览 3提问于2015-09-25得票数 3
回答已采纳
我需要在redux中的状态改变后更改文本输入值(重新渲染视图)。这意味着从文本输入的所有内容都将存储在redux store中(在每个字符之后)，并重新呈现回输入。如果我使用不带redux的setState，视图会成功更改，但如果我在handleChange函数中使用this.forceUpdate()方法强制重新渲染，也会成功更改视图。
我认为这是事实的问题，在reducer中的状态没有适当地改变。我用谷歌搜索了很多方法，但没有一种方法对我不起作用。
这里减少了代码：
'use strict';
import * as React from "react";
浏览 0提问于2018-04-07得票数 0
1回答
我对redux是个新手，正在尝试在我的应用程序中实现redux。我有一个将数据渲染到屏幕的index.js，我还有另一个组件应用程序。我添加了'App‘功能作为phonebookreducer的订阅者。我在应用程序函数中添加了一些console.log，以检查在phonebookreducer中更新状态后是否会调用它。正在调用该函数，但更新后的状态不会呈现在屏幕上。但是，当我作为订阅者从index.js添加render函数时，更新后的状态将被呈现。 我的问题是，我确信当phonebookreducer的状态改变时，它会调用App函数，但为什么更新后的状态不会呈现在屏幕上。来自reac
浏览 17提问于2019-12-12得票数 0
回答已采纳
1回答
使用下面的react/redux设置：
index.js
import React from 'react';
import { render } from 'react-dom';
import { Provider } from 'react-redux';
import App from './components/app';
import configureStore from './store';
let initialState = {
foods: {
apple: {
se
浏览 1提问于2016-12-03得票数 0
回答已采纳
不确定为什么会出现以下错误。 我只是在设置我的存储、操作和缩减程序，我还没有调用任何东西。 预期 应用程序运行正常，Redux状态未更新 结果 ? src/index.js import React from 'react'
import ReactDOM from 'react-dom'
import { createStore, applyMiddleware, compose } from 'redux'
import { Provider } from 'react-redux'
import thunk fr
浏览 125提问于2017-06-28得票数 48
回答已采纳
我最近学习了MERN堆栈，目前正在使用它做一个附带项目。每次调用不同的操作时，我都会遇到一个问题，在这个问题中，我的Reducer正在相互覆盖。这是一个完整而详细的问题。
问题：
在React组件上调用操作的行为。假设我们已经决定创建一个操作并在我们的一个React组件中实现它，我们已经完成了所有的设置(例如创建还原器和更新状态，创建操作本身并使用connect从react-redux连接到react组件)。我只是想知道，当我从componentDidMount调用我们的React组件中的多个操作时，为什么状态会相互覆盖。例如
componentDidMount(){
// Action
浏览 5提问于2020-05-26得票数 1
回答已采纳
如何解决此错误TypeError:无法读取属性“类型”的未定义。我是非常新的反应- redux和redux，只是我试图通过redux进行状态管理。为此，我安装了redux和redux软件包。我创建了一个商店，在商店里有一个reducer.js文件。甚至我也导入了提供程序并在index.js中存储。帮助解决这个问题。
在存储文件夹中我有reducer.js文件
这是reducer.js文件代码
const initialState = {
age: 21
}
const reducer = (state = initialState, action) => {
cons
浏览 1提问于2019-11-07得票数 0
回答已采纳
2回答
我正在使用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
回答已采纳
我一直在尝试将“从购物车中删除”操作添加到我的redux设置中。到目前为止，我可以将商品添加到我在store中设置的白名单中，但我不确定如何从购物车中删除商品。这是我的store
import { createStore, applyMiddleware, compose } from 'redux';
import { persistStore, autoRehydrate } from 'redux-persist';
import reducer from './reducers';
import thunkMiddleware fro
浏览 9提问于2017-08-07得票数 0
回答已采纳
我可以从Redux状态返回值，当我进行API调用时，我会看到这些值正在注销，但状态没有更新。我用Redux商店建立了一个基本的应用程序来证明这一点。我还包括了Thunk库，它是异步状态操作(比如API)所必需的。我的猜测是，在还原器的末尾，我没有正确地返回状态，因为再次，如果我记录这些值，就会返回详细信息。
为了尽可能地合并代码，我只包括必要的部分：
export default function App() {
const OtherVal = useSelector((state) => state.reducer2.WorkoutDetails);
const d
浏览 3提问于2022-02-10得票数 0
回答已采纳
问题：
我有一个非常简单的应用程序。有一个动作--加法。添加任务时，我模拟使用setTimeout将其发送到服务器。
当我收到来自服务器的响应时，我立即检查是否存在错误，以避免进一步的操作。在有状态组件中，一切都正常工作，而在无状态组件中则不工作。
查看代码以更好地理解问题。
环境：
"react": "16.8.6",
"react-native": "0.60.5",
"react-redux": "^7.1.1",
"redux": "^4.0.4",
"
浏览 0提问于2019-09-16得票数 0
回答已采纳
我已经在我的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回答
我正在尝试从股票API中获取一些股票数据。我可以用普通的反应钩子来获取它，但是当我用redux和redux传奇来做它的时候，我会遇到一些问题。在第一个呈现中，它不更新redux存储。它在第二次呈现中更新redux存储。但是，即使redux存储被更新了，我的组件也没有得到更新的状态？？
有人能帮忙吗？
这是我的组成部分：
import React, { useState,useEffect } from 'react'
import { connect } from "react-redux";
import { Link } from 'react-ro
浏览 4提问于2020-10-30得票数 0
回答已采纳
我正在审查React Redux应用程序中的一些代码，发现Redux存储中有三种状态，每个状态的更改都由不同的还原器(组合减速器)处理。类似于以下内容：
src/模型
--model1
--model2
--model3
src/减速器/index.js
const rootReducer = combineReducers({
model1Reducer,
model2Reduce,
model3Reducer
})
src/减速器/型号1减速器
// import model1 here
const model1Reducer = (state = model1, actio
浏览 0提问于2019-03-28得票数 0
但是，由于某些原因，当我第一次加载页面时，还原器函数和状态将正确执行，您可以访问数据。一旦您切换到另一个页面，然后返回到以前，它会说状态是未定义的。这是图像
以下文件中的代码如下所示
import React, { Component } from "react";
import Hook from "../../hooks/display";
import { connect } from "react-redux";
import * as actionTypes from "../../store/actions"
浏览 0提问于2019-01-24得票数 1
回答已采纳
我有一个diches.js，其中包含我希望在maincomponent.js中使用的数据列表。我编写了这个reducer.js来接收数据列表 import { DISHES } from '../shared/dishes'; // deux l'un pour sortir de ce fichier et l'autre pour sortir de ce dossier
import { COMMENTS } from '../shared/comments';
import { PROMOTIONS } from '../sha
浏览 41提问于2020-11-30得票数 0
回答已采纳
我有以下代码。它使用的是较旧版本的React，但是为什么redux存储状态!!this.state.checked在render()中显示为false ...尽管defaultState是true index.js import ReactDOM from 'react-dom';
import React from 'react';
import { createStore } from 'redux';
const defaultState = { checked: true };
const reducer = (state = d
浏览 16提问于2020-11-05得票数 0
回答已采纳
3回答
根据redux的文档，reducer总是给出一个新的状态副本。在一个连接的组件中，react-redux对mapStateToProps中提到的属性进行了简单的比较(旧的和新的属性)。
我的困惑是，因为redux总是提供状态的新副本，所以react-redux所做的浅层比较应该总是给出false，并且组件应该总是重新呈现。但这并没有发生。
有人能解释一下我错过了什么吗？
我认为在mapStateToProp中读取的所有属性都是对象。
浏览 0提问于2019-05-19得票数 4
我是使用Redux的新手，我正在尝试将React与Redux集成。我想要的是把我所有的动作放在一个减速器里。实际上我的reducer看起来像这样： import {GET_ALL_CONNECTIONS, DELETE_CONNECTION, POST_CONNECTION} from '../actions';
const initialState = {
}
export default (state = initialState, { type, payload }) => {
switch (type) {
case GET_ALL_CO
浏览 33提问于2019-07-02得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储活动推荐
腾讯云开发者
