Reducer未更新正在触发的操作的状态，因此redux存储/状态未更新
Reducer未更新正在触发的操作的状态，因此redux存储/状态未更新的问题可能是由以下原因导致：
- Reducer逻辑错误：检查Reducer中的逻辑是否正确，包括对不同的action类型进行正确的处理，并返回新的状态。确保Reducer中的逻辑没有错误。
- Action未正确触发：确认action是否被正确地触发并传递给Reducer。可以使用Redux开发工具或在代码中打印调试信息来验证action是否被正确地分发。
- 状态不可变性：Redux要求状态是不可变的。确保在Reducer中对旧状态进行深拷贝，然后再进行修改并返回新的状态。如果直接修改旧状态，Redux将无法检测到状态的变化。
- 异步操作：如果操作是异步的（例如网络请求），需要使用Redux的中间件（如redux-thunk或redux-saga）来处理异步操作，并确保正确地触发相应的action。
- 连接问题：检查组件是否正确连接到Redux的store。确保在组件中使用正确的connect方法，并传递正确的映射状态和操作到props的参数。
推荐的腾讯云相关产品：腾讯云提供了云原生应用引擎、容器服务、云函数、云数据库等产品，可以帮助开发者快速部署、管理和扩展应用。
通过使用这些腾讯云的产品，可以轻松构建、部署和管理云原生应用，并提高开发效率和应用的可扩展性。
相关·内容
我正在学习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
回答已采纳
把我的头发扯掉，我肯定这是个愚蠢的疏忽，但我现在已经花了好几个小时了！
我在用下面的动作创作者和减速器。一切看起来都正常(我已经在进程的每一个阶段运行了一个console.log，数据被正确地传递了)，但是由于某种原因，我的存储状态没有更新。
当页面加载时，初始状态被正确设置，所以只是当我稍后通过操作传递数据时-什么都不会发生！
有人能发现错误吗？谢谢!
displayMessage.js (行动)
export default function displayMessage(type, message){
return {
type: 'DISPLAY_MES
浏览 5提问于2016-09-30得票数 1
回答已采纳
我可以从Redux状态返回值，当我进行API调用时，我会看到这些值正在注销，但状态没有更新。我用Redux商店建立了一个基本的应用程序来证明这一点。我还包括了Thunk库，它是异步状态操作(比如API)所必需的。我的猜测是，在还原器的末尾，我没有正确地返回状态，因为再次，如果我记录这些值，就会返回详细信息。
为了尽可能地合并代码，我只包括必要的部分：
export default function App() {
const OtherVal = useSelector((state) => state.reducer2.WorkoutDetails);
const d
浏览 3提问于2022-02-10得票数 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
回答已采纳
在我们的项目中，我们使用react-redux与reselect和redux-saga
在商店里，我有一个selectedStageId、一个stages数组和一个回忆录选择器，它根据id找到并返回正确的阶段。
此选择器映射到我的组件道具之一为this.props.selectedStage，在我的一个onClick处理程序中，我分配一个操作将selectedStageId更新到新选择的UI项的id，然后尝试将新的selectedStage传递给编辑方法.
但是，即使我添加了断点并验证了我的还原器和选择器都是用新id调用的，但是新的selectedStage值并没有在组件的道具上同步更新.相反
浏览 1提问于2019-07-26得票数 0
回答已采纳
1回答
当使用“react路由器-redux”时，如何获得当前位置？
这是routing状态：
{
routing: {
locationBeforeTransition: {
pathname: "/foo",
search: "",
hash: "",
state: null,
action: "PUSH",
key: "e8jfk"
}
浏览 1提问于2016-08-19得票数 5
回答已采纳
解决办法(更新)：
我认为任何操作都会导致redux调用mapState函数，但是当一个操作没有改变任何东西时，情况就不是这样了。
我有一个localStorage模块，它分发操作，但不改变状态，而是将您的意志写到localStorage。模块具有容器中使用的选择器，但在状态实际更改之前不会被调用，因此UI只有在分派了另一个更改状态的操作后才能正确显示。
问题
当我将存储放在窗口(window.store=store)中时，在mapStateToProps中添加一个console.log，然后在控制台中分配一个操作：store.dispatch({type:'some
浏览 0提问于2019-05-10得票数 1
回答已采纳
1回答
我在redux上有一个函数，它接受一个对象、需要更新的值的路径以及值。
我有输入，即值等于状态上对象的值。
当listingObj在redux上发生变化时，我需要刷新dom。
我需要这样做的原因是因为我有一个自动填充的公司，当用户选择一个公司时，它会相应地更新listingObj上的所有值。
提前感谢！
//REDUX
import axios from 'axios';
var initialState = {
listingObj: null,
}
const GET_UPDATED_OBJ = 'GET_UPDATED_OBJ'
浏览 1提问于2017-11-28得票数 0
回答已采纳
2回答
React操作对象未定义
、、、
我是新的反应- 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
回答已采纳
我正在尝试使用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
我使用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-Saga。
<code>B0</code>
我在我的Sell组件中创建了1个Action来连接Money/Reducer。它工作得很好，但在我的控制台日志中，User/Reducer也在运行。
用户/Reducer：
<code>A1</code>
这是我的RootReducer：
<code>A2</code>
浏览 8提问于2018-12-17得票数 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
回答已采纳
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
回答已采纳
为什么reducer必须返回新状态，.Why不能返回更新状态的原因是什么？这是我们必须遵循的模式吗?另外，请让我知道ngrx和redux是完全不同的吗？
浏览 1提问于2019-03-14得票数 1
我刚开始使用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
回答已采纳
我有一个使用Reactjs和Redux的应用程序。有一个action，它重置减速器的状态。我的问题是:哪里是最好的地方执行？我正在考虑两种选择：
每个减速器处理操作并重置其状态。
const reducer1 = (state = defaultState，action) => { switch (action.type) { case 'reset'：{ // .}/. }
根还原器重置全局状态
const appReducer = combineReducers({ reducer1，reducer2，reducer3 }) const rootReducer = (
浏览 2提问于2021-02-05得票数 0
3回答
根据redux的文档，reducer总是给出一个新的状态副本。在一个连接的组件中，react-redux对mapStateToProps中提到的属性进行了简单的比较(旧的和新的属性)。
我的困惑是，因为redux总是提供状态的新副本，所以react-redux所做的浅层比较应该总是给出false，并且组件应该总是重新呈现。但这并没有发生。
有人能解释一下我错过了什么吗？
我认为在mapStateToProp中读取的所有属性都是对象。
浏览 0提问于2019-05-19得票数 4
第一次使用Redux时，我理解操作和还原器的概念，但无法让它们在我的代码中很好地发挥作用，我担心这是因为我使用的是CoffeeScript而不是ES6。
我想问题是，我不能在我的/app/reducers/index.export default ...中做¯\_，但老实说，Redux对我来说是非常新的，我和webpack一起蹒跚而行，反应了一段时间，而且仍然对两者都不太舒服，所以¯\_(ツ)_/ my
我不断地发现错误：
Store does not have a valid reducer. Make sure the argument passed to combineReducers
浏览 2提问于2016-07-20得票数 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 Native和Redux开发一个电子商务管理移动应用程序。我们使用redux-persist来持久化数据。这带来了缓存数据的良好体验，这是离线优先开发中的一个原则。
但在移动世界环境中可能会出现一个bug。
假设我有一个名为"products“的reducer。这个reducer只是一个包含product对象的数组。用户登录后，该reducer中的数据将被持久化。后来，我的开发团队决定用"products“reducer上的新结构更新移动应用程序。用户的应用程序得到更新，现在持久化/缓存的数据与新的"products“reducer结构不一致，这
浏览 4提问于2021-11-14得票数 0
我有多个还原剂，我在我的redux应用程序中组合在一起。
const reducers = combineReducers({
reducer1,
reducer2,
reducer3
});
当用户执行注销时，如何删除该用户的整个redux状态？
浏览 0提问于2018-05-14得票数 3
回答已采纳
1回答
为了这个问题，我已经毫无疲倦地尝试了我能在堆栈上找到的所有东西，而且没有得到任何进展。我们使用的是反应/打字记录。还有传奇。我要为nav列表带回一个类别列表，并使用useEffect将操作分派到redux。我们的tsx.file：
const dispatch = useDispatch();
const categories = useSelector((state) => state?.categories?.payload);
const loadCategories = () => {
dispatch(getCategories(categories)
浏览 3提问于2022-08-23得票数 0
回答已采纳
我正在开发一个应用程序，它使用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
回答已采纳
我第一次使用react-admin。我有一个自定义的react应用程序，并希望在其中使用react-admin。在之后，我发现我可能不需要做任何事情，因为我正在使用<Admin>组件，管理员应该检测到它在redux应用程序中，并将其状态挂载到存储中的管理员键下。似乎正在创建初始状态。但它永远不会更新。此外，我在redux开发工具中也没有看到与react-admin相关的操作，比如RA/REGISTER_RESOURCE。
我的默认createStore.js是(它来自react-boilerplate)
import { createStore, applyMiddlew
浏览 0提问于2020-05-12得票数 2
Types.js文件：
const ADD_TOKENS = "ADD_TOKENS";
export { ADD_TOKENS};
Actions.js文件：
import { ADD_TOKENS } from "./types";
function addTokens() {
return {
type: ADD_TOKENS,
};
}
const actionCreators = {
addTokens,
};
export { actionCreators };
Reducers.js文件
import { ADD_TOK
浏览 0提问于2020-05-31得票数 0
在我的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
1回答
我不熟悉redux和编写一个前端应用程序，它包含一个全局状态，该状态在启动时通过ajax检索，然后在检索到新数据时通过轮询/推送更新。在导航到每个globalState时，都有一个actor调度到一个操作，然后调用一个reducer，该reducer用此url的过滤视图覆盖部分url对象。例如，导航到url /items/filter/a会将viewState调整为以下内容：
state {
viewState: {
items: [{id: 1, value: 'a'}]
}
globalState: {
浏览 1提问于2016-03-20得票数 0
我正在实现react引导表-next，并需要获得单击的标头列值以发送到数据库，以便在服务器端对其进行排序。我想将单击的列名传递给redux商店。我可以让值点击登录操作，但是我的状态不会在redux中更新。
import { createStore } from 'redux';
import reducer from '../../reducers/index';
const initialState = window.__INITIAL_STATE__; // eslint-disable-line
const store = createStore(red
浏览 1提问于2018-03-24得票数 0
我需要在redux中的状态改变后更改文本输入值(重新渲染视图)。这意味着从文本输入的所有内容都将存储在redux store中(在每个字符之后)，并重新呈现回输入。如果我使用不带redux的setState，视图会成功更改，但如果我在handleChange函数中使用this.forceUpdate()方法强制重新渲染，也会成功更改视图。
我认为这是事实的问题，在reducer中的状态没有适当地改变。我用谷歌搜索了很多方法，但没有一种方法对我不起作用。
这里减少了代码：
'use strict';
import * as React from "react";
浏览 0提问于2018-04-07得票数 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
2回答
调用调度，并立即控制台记录数据。它显示的是旧数据，而不是更新的数据，除非您在中添加了一些延迟。 基于redux todo示例的示例。 动作 let nextTodoId = 0
export const addTodo = text => {
console.log('action');
return ({
type: 'ADD_TODO',
id: nextTodoId++,
text
})
} 减速机 const todos = (state = [], action) => {
switch (acti
浏览 54提问于2019-10-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
回答已采纳
我不确定这是默认行为还是redux或其他什么，但我发现在调度一个动作时，这个动作会遍历所有的reducer (这没问题)，但它也会调用每个reducer的连接侦听器，从而进一步渲染其组件。这意味着在每次调度时，应用程序状态树中的所有组件都会被呈现。这是redux故意做的，还是我做错了什么。帮我弄清楚这件事。
浏览 0提问于2016-07-05得票数 2
我的actions，reducers都很好。甚至在redux-dev-tools和控制台中也会更新状态。但是这些都不是在UI上呈现的。不是要由redux和re-rendered自动获取状态更改吗？
import "./styles.css";
import { createStore } from "redux";
import { incrementCount, reducer } from "./reducer";
export default function App() {
const store = createStore(re
浏览 3提问于2021-09-08得票数 0
回答已采纳
我有一个更大的reducer，我想向它添加另一个本身相当复杂的切片。例如，这里有一个大型的、已经很复杂的reducer： const initialState = {
bigchunk1: { ...someObject },
bigchunk2: true,
bigchunk3: [...somevalues],
bigchunk4: 'etc'
}
function mainReducer(state = initialState, action){
switch(action.type){
case Actions.CASE1:
浏览 9提问于2021-01-29得票数 0
回答已采纳
2回答
在我的应用程序中，我使用了React和Redux (以及用于异步任务的Redux-thunk )。因此，当我需要将一些数据写入store作为component交互的结果时，我会同时使用action和reducer。但它总是必要的吗？尤其是在对修改后的字段没有connect的情况下，component？我总是需要action和reducer将一些数据写入store吗？或者，也许有一种类似于setState in store的方法
浏览 7提问于2016-11-15得票数 0
回答已采纳
3回答
我正在尝试制作一个简单的应用程序，其中我有一个inputText，并有一个按钮，当按下inputText值时会发出警告。
但是我需要在这个过程中添加redux，在这个过程中，inputText的值将首先被存储，存储的值将被警告。
但当我试着的时候，它对我不管用..。我不知道我做错了什么。如果有人能帮我，那就太好了。
这是我的密码：
Store.js
import { createStore , applyMiddleware } from 'redux';
import { composeWithDevTools } from 'redux-devtools-exten
浏览 0提问于2018-09-14得票数 0
回答已采纳
在redux的本地应用程序中保存访问令牌的最佳实践是什么？
在Redux中，我通常保存整个凭据，包括一些用户信息到状态：
//Actions
export const successfulLogin = (firebaseAuth) => ({
type: 'LOGIN_SUCCESSFUL',
firebaseAuth
});
//Reducer
const authentication = (state = {}, action) => {
switch (action.type) {
case 'LOGIN_S
浏览 1提问于2017-08-05得票数 3
回答已采纳
3回答
请注意，我在redux商店中遇到了一些我不理解的行为。 尽管我的store.dispatch在从js类调用时调用了reducer，但它并没有触发更改。 我的店铺如下： const persistedReducer = persistReducer(persistConfig, reducers);
export default () => {
const store = createStore(
persistedReducer,
composeWithDevTools(
applyMiddleware(thunk),
浏览 19提问于2019-09-14得票数 1
回答已采纳
我对学习redux完全陌生。在工作期间，我探索了当我将多个reducers捆绑在redux store (combineReducers)中，并且有多个独立的action creators，并且我使用useDispatch一次传递一个特定的action creator时，redux如何知道它应该与哪个reducer通信？为什么不和错误的reducer混在一起
浏览 8提问于2022-06-09得票数 0
请帮帮我。我有2个redux/toolkit的createSlice方法创建的reducers。
user.reducer.js
import { createSlice } from '@reduxjs/toolkit';
const initialState = {
id: 123,
name: 'Owner123',
cats: [],
};
const reducer = createSlice({
name: 'user',
initialState,
reducers: {
浏览 0提问于2021-10-09得票数 0
1回答
看不到更新的状态
、、、、
我有以下操作：
export function loginUserRequest() {
console.log('ACTION CALLED');
return {
type: LOGIN_USER_REQUEST,
};
}
这是减速器：
export default function loginReducer(state = initialState, action) {
switch (action.type) {
case LOGIN_USER_REQUEST:
console.log('REDUCER CALLED
浏览 5提问于2017-02-06得票数 1
回答已采纳
3回答
我希望将我的isAuthenticated状态保存在本地存储中，所以在刷新页面之后，用户将被登录。我尝试简单地将其设置为localStorage中的ti true/false，并在redux中将状态的初始值设置为此值，但它总是将其设置为true。
这是我的redux商店
import { createSlice, configureStore } from '@reduxjs/toolkit';
//MOVEMENTS (doesn't work yet)
const initialMovementsState = {
movements: [],
};
con
浏览 6提问于2021-07-17得票数 13
回答已采纳
场景: FiledArray被放在Redux表单中，它包含五条记录。我删除了2条记录，并尝试更新数据库中已删除的记录in。
问题:提交redux表单时无法获取已删除记录的详细信息。
可以通过reducer更新redux-form状态吗？如何继续获取我删除的记录id？
浏览 1提问于2017-10-31得票数 0
据我所知，redux严格来说是单向数据流。
actions (data in) -> store updates (reducer) -> react render (data flow ends here)
有了可以观察到的动作，它仍然是单向的
actions -> state changes -> react render
^ |
| |
epics<-
但是，在状态可观测的情况下，数据会返回。
actions -> state changes -> react render
^ |
|
浏览 1提问于2018-08-31得票数 1
我在我的componentDidMount函数中设置redux状态，然后尝试立即访问，但无法访问。我去掉了一些不必要的复杂性，但这里是基本设置：
// URL page?id=1
componentDidMount() {
this.props.setFilter({ location: this.props.location.search.id) });
console.log('in mount', this.props.filter);
}
// Action
export function setFilter(filterData) {
return
浏览 2提问于2018-12-05得票数 0
我对Redux相当陌生，并且正在经历一些我不太明白的行为。
，我有另一个函数nextFiveDays，它调用完全相同的操作，但这是通过单击按钮触发的。当单击按钮时，我确实看到action.type是UPDATE_DATE分派的，商店被更新了。
在函数中，即使updateDate函数被注释掉，动作也会被分派。setState似乎仍会触发要调度的操作。为什么？
class SomeComponent {
state = { date: new Date() }
nextFiveDays = () => {
let date = new Date(this.s
浏览 3提问于2020-07-28得票数 2
回答已采纳
有人建议我使用redux将时间放到数据库中，但我遇到了问题。我的index.js中有一个秒表，用户可以启动和停止。之后，我有一个按钮，让他们能够把他们的时间放在一个数据库。从我的节点文件中，我得到了UnhandledPromiseRejectionWarning: error: null value in column "time" violates not-null constraint。我想知道这是因为我在索引文件的末尾有difference = 0，它没有检索difference = this.state.endTime - this.state.startTime;，或
浏览 2提问于2021-01-21得票数 0
回答已采纳
当组件调用redux-saga时，它试图在调用redux-saga完成时显示加载图标并隐藏加载图标。 // at component
const app: FunctionComponent<IProps> = ({ location, history }) => {
...
const [isLoading, setLoading] = useState(false);
useEffect(() => {
setLoading(true);
ItemsActions.getItems(); <- this line is redux
浏览 16提问于2019-03-20得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
