reducer收到的前一个状态具有意外的"Function“类型
在前端开发中，reducer是指Redux中的一个纯函数，用于处理应用程序的状态变化。它接收先前的状态和一个action作为参数，并返回一个新的状态。然而，如果reducer收到的前一个状态具有意外的"Function"类型，这可能是由于以下原因导致的：
- 错误的初始化：在应用程序初始化时，可能会错误地将reducer的初始状态设置为一个函数而不是一个对象。这可能是由于代码错误或配置错误导致的。
- 异步操作：在某些情况下，可能会在reducer中执行异步操作，例如调用API或执行其他耗时的操作。如果在异步操作完成之前，reducer被调用并传递了一个函数作为前一个状态，就会出现这种情况。
为了解决这个问题，我们可以采取以下步骤：
- 检查初始化：确保在应用程序初始化时，reducer的初始状态被正确地设置为一个对象而不是一个函数。可以通过查看相关的初始化代码或配置文件来进行检查和修复。
- 异步操作处理：如果在reducer中执行了异步操作，应该使用中间件（如redux-thunk或redux-saga）来处理这些操作。这些中间件可以帮助我们在reducer中执行异步操作，并确保在操作完成之前不会调用reducer。
总结起来，当reducer收到的前一个状态具有意外的"Function"类型时，我们需要检查初始化过程和异步操作处理，以确保reducer能够正常工作。
相关·内容
为什么我不能像这样简单地键入我的reducer，而不是在我的redux状态类型中添加“| undefined”？ const reducer: Reducer<ReduxState> = function(state: ReduxState, action: any) ... 额外的上下文： 这样可以正常工作： export const reducer: Reducer<ReduxState | undefined> = function (
state: ReduxState | undefined,
action: any
) {
ret
浏览 14提问于2019-04-23得票数 7
回答已采纳
1回答
我正在制作一个react/redux应用程序来显示食谱。当应用程序加载时，我加载来自所有用户的前10个，就像一个提要。我想为个人用户做一个页面，显示他们所有的食谱。
当我访问他们的页面时，我尝试更改redux商店以返回所有用户食谱，但当我返回到主提要时，我必须再次更改商店(所有用户的前10个)。从'GET_RECIPES‘到'GET_USER_RECIPES’的改变给我带来了问题，因为我一次加载10个，我需要返回...state +新加载的食谱。
制作一个只显示用户菜谱的新的reducer是不是一种糟糕的做法？这似乎是我唯一的选择。因此，我将为我的主提要设置一个reducer，
浏览 1提问于2018-04-07得票数 0
边学边学 我遇到了 ..。文档说明： reducer是一个纯函数，它接受前一个状态和一个操作，然后返回下一个状态。(previousState，动作) => newState。它被称为reducer，因为它是传递给Array.prototype.reduce(reducer，initialValue)的函数类型。 MDN描述了 方法如下： reduce()方法对累加器和数组的每个值(从左到右)应用一个函数，以将其减少为单个值。 我仍然不明白为什么Redux定义了一个Redux的reducer，因为它没有任何意义。其次，MDN的描述似乎也不正确。The The The 方法并不总是用
浏览 110提问于2016-11-15得票数 73
回答已采纳
1回答
中间件在某个时候会收到响应。是最规范的策略？
继续执行操作，而不是等待异步响应。响应处理程序将在调用时分派一个新的操作周期。
让中间件冻结操作直到响应到达，并从响应处理程序进一步将其分派给Reducer。
制作一个灵活的中间件，允许这两个变体。
换句话说：可以中间件发送新的，或者只向 Reducer <code>E 123</code>进行当前<code>e 224</code><code>E 125</code>操作<代码>E 226</code>
浏览 1提问于2018-02-07得票数 0
我正在使用redux-saga-test-plan来测试我的redux-saga传奇。在调试我的测试时，我注意到我的reducer收到了一个意外的操作，使用type === "@@redux-saga-test-plan/INIT"。 我在redux-saga- @@redux-saga-test-plan/INIT -plan文档中没有看到任何提到这种测试计划操作类型的内容。此操作的目的是什么？我应该用一些特殊的方式来处理它吗？
浏览 43提问于2019-01-31得票数 0
1回答
替换减速机的正确类型
、、、、
我创建了一个基于docs的replace reducer，但我使用的是typescript，redux文档没有任何关于如何正确键入replace reducer的示例，我尝试了一下，但我的尝试覆盖了useStore，忽略了丢失getState()类型的泛型。 组件： interface State {
sim: number;
nao: string;
}
function Experimente() {
const store: InjectableStore = useStore<State>();
const dispatch = useDispatch(
浏览 7提问于2020-10-03得票数 0
回答已采纳
我正在开发一个React-Redux应用程序。我有一个要求，我需要根据前一个状态中的值更改状态。
我尝试使用this.props将前一个状态传递给我的操作，但我在操作中收到的不是预期值。因此，使用this.props将前一个状态传递给操作并在reducer中做出比较决策是一种很好的方法，还是应该寻找一些其他比较逻辑？
提前感谢！
浏览 0提问于2018-04-15得票数 0
试图理解ngrx示例应用程序时，陷入困境，无法找到它的用例。
在下面摘自的代码中，的重要性是什么？
export interface State extends fromRoot.State {
[booksFeatureKey]: BooksState;
}
/** Provide reducer in AoT-compilation happy way */
export function reducers(state: BooksState | undefined, action: Action) {
return combineReducers({
[fromSear
浏览 0提问于2019-09-08得票数 0
回答已采纳
下面是我的减速机之一。在函数applySetRandomImages中，我希望访问以前的randomImages状态，以添加一个新的randomImages状态和前一个状态。
我怎么能这么做？Redux中的还原函数是否为此提供了一些回调函数？还是我应该自己实现呢？
// ACTIONS
const SET_RANDOM_IMAGES = "SET_RANDOM_IMAGES";
// ACTION CREATORS
function setRandomImages(randomImages) {
return {
type: SET_RANDOM_IMAGES,
浏览 0提问于2018-10-31得票数 1
回答已采纳
我正在尝试使用类型来配置一个预加载状态的Redux存储。
的示例如下：
import { configureStore } from '@reduxjs/toolkit'
const store = configureStore({
reducer: {
one: oneSlice.reducer,
two: twoSlice.reducer
}
})
// Infer the `RootState` and `AppDispatch` types from the store itself
export type RootState = Retur
浏览 18提问于2021-02-22得票数 4
回答已采纳
我见过3种形式的减速器：
// Form 1
function reducer(state, action) {
if (state === undefined)
return state = [];
// handle action.type
// ...
}
// Form 2
function reducer(state, action) {
if (state === undefined)
state = [];
// handle action.type
// ...
}
// Form 3
function reducer(state
浏览 1提问于2020-02-12得票数 0
我很难用打字稿发送一个重发的动作。
import { AnyAction, applyMiddleware, createStore } from 'redux'
import thunk, { ThunkAction } from 'redux-thunk'
interface State {
counter: number
}
const initialState: State = {
counter: 10
}
function reducer(state = initialState, action: AnyAction) {
swit
浏览 11提问于2020-11-16得票数 5
回答已采纳
我目前正在遵循编码成瘾的“反应电话电子商务项目”，并学习使用redux而不是上下文API。我遇到一个错误：
(错误:操作可能没有未定义的"type“属性。您可能拼写错误的操作类型字符串常量。)在使用slice完全遵循文档之后。
productSlice.js
import {createSlice} from '@reduxjs/toolkit';
import {storeProducts, detailProduct} from '../data';
export const productSlice = createSlice({
nam
浏览 0提问于2021-11-25得票数 0
我不想使用单一状态变量或使用功能组件更新整个状态。我写了一个基于useReducer的钩子，如下所示，但我不确定可能的危险效果。安全吗？谢谢。
import React, { useReducer } from "react";
export function useCustomState<T>(initialState: T) {
const reducer: React.Reducer<T, Partial<T>> = (prevState, newState) => ({
...prevState,
浏览 1提问于2021-10-22得票数 1
回答已采纳
减速器的index.js：
import { combineReducers } from "redux";
import authedUser from "./authedUser";
import users from "./users"
import tweets from './tweets';
export default combineReducers({
authedUser,
users,
tweets
})
商店：
import React from 'react'
浏览 2提问于2022-08-15得票数 1
回答已采纳
在将reducers (每个都有自己的immutable.js地图)与#redux combineReducers组合时，收到警告：“尚未完全支持将地图用作子级”。有什么更好的存储结构来避免这种情况？
import reducer_2 from './action_handlers/two';
import reducer_3 from './action_handlers/three';
import { combineReducers } from 'redux';
let reducer = combineReducers({
r
浏览 0提问于2015-11-29得票数 0
我正在尝试在我的React项目中实现上下文。每次我尝试实现这个上下文时，都会得到相同的错误： Property 'state' does not exist on type '{ count: number; currentColor: string; }'.
> 40 | let { state, dispatch } = React.useContext(ContextOne);
| ^ 上下文提供程序代码： import * as React from "react";
let Contex
浏览 72提问于2020-04-06得票数 1
回答已采纳
我以前从未遇到过这个问题..。但现在给了我..。
// TS7022: 'rootReducer' implicitly has type 'any' because it does not
// have a type annotation and is referenced directly or indirectly in its own initializer
const rootReducer = combineReducers({
employee: employee.reducer,
company: company.redu
浏览 7提问于2022-01-18得票数 4
一些TypeScript大师能帮我弄清楚为什么在redux4.0中创建存储增强器的代码会给我带来类型错误吗？
最小的回购是。它正在创建一个无所事事的商店。克隆后，通过运行yarn安装依赖项。若要查看错误，请运行yarn run compile。
相关文件是
import {
StoreEnhancer,
StoreEnhancerStoreCreator,
Reducer,
DeepPartial,
AnyAction,
} from 'redux';
interface RootState {
someKey: string;
}
export
浏览 0提问于2018-05-21得票数 9
使用TypeScript的新ts-check，我不知道如何处理泛型函数。
/**
* @type {Reducer<IPoiState, any>}
*/
const poi = handleActions({
[ADD_BOOKMARK_START]: (state) => {
return { ...state };
},
}, {});
handleActions类型来自于确定的类型，看起来像...
export function handleActions<State>(
reducerMap: ReducerMap<St
浏览 0提问于2017-09-27得票数 0
3回答
尝试创建缩减程序并从操作中获取数据
但在控制台中出现错误: reducer不是一个函数.....
我的reducer：
import { INCOME_LIST } from '../actionTypes'
import Immutable from 'immutable'
const initialUserState = {
list: []
}
const listReducer = function(state = initialUserState, action) {
switch(action.t
浏览 0提问于2017-01-22得票数 1
如果我返回状态是可以的，但是为什么我会出错呢？我目前正在寻求帮助，因为打字本给了我以下错误，当我试图编写一个useReducer时，我无法理解它。
这是我的错误
没有过载和这个电话匹配。重载5中的1，‘(还原器: ReducerWithoutAction，initializerArg: any，初始化器？：未定义)：any，DispatchWithoutAction'，给出了以下错误。类型的参数‘(状态: IMeeting[]，action: ReducerAction) => (数字\ IMeeting)[]’是不能分配给类型'ReducerWithoutAction
浏览 9提问于2022-08-05得票数 1
2回答
我有一个Reducer，它需要在用户每次选择新选项时存储以前选择的选项。
用户选择A(返回空数组)用户选择B(返回A)用户选择C(返回B)用户选择D(返回C)
。
export default function reducer(state = [], action) {
switch (action.type) {
case previousSelectionAction.PREVIOUS_SELECTION: {
// Need to return the previous selection
// Have tried:
// retur
浏览 2提问于2022-01-26得票数 0
回答已采纳
给定一个像这样的状态缩减程序：
const anObject = {
fruit: 'Apple',
today: new Date(),
}
function reducer(state, stateReducer) {
return stateReducer(state);
}
const fruit = reducer(anObject, state => state.fruit);
// fruit should be of type string.
const now = reducer(anObject, state => state.
浏览 14提问于2020-02-21得票数 0
回答已采纳
reducer显示我已经收到来自Firestore的doc数据。docStore.subscribe正在侦听，但没有使用最新的doc数据进行更新。
预期结果:在页面加载时，将从URL中获取docId，并查询Firestore。在接收到数据时，更新存储和subscribe以使用doc信息填充视图。
homepage.js
const Homepage = ({ docId }) => {
const [doc, setdoc] = useState(false);
console.log(docId); // <-- 123
docStore.subscribe((
浏览 0提问于2020-06-02得票数 1
2回答
在我开始合并我的Redux减速器之前，我的应用程序工作得很好。但是当我组合的时候，initialState键和还原器键就混淆了。
function flash(state = [], action) {
switch (action.type) {
case FLASH_MESSAGE_UPDATED:
return _.extend({}, state, { flash: action.flash })
default:
return state
}
}
function events(state = [], action) {
switch (acti
浏览 5提问于2015-11-12得票数 51
回答已采纳
在通过功能模块组合状态时，我试图注入特性减缩器。
import { NgModule, InjectionToken } from '@angular/core';
import { StoreModule, ActionReducerMap } from '@ngrx/store';
import * as fromFeature from './reducers';
export const FEATURE_REDUCER_TOKEN = new InjectionToken<ActionReducerMap<fromFeat
浏览 2提问于2017-10-21得票数 8
回答已采纳
我正在我的function项目上实现不可变，使用redux使用它，使用fromJS()函数(来自不可变库)使状态成为不可变的对象。在还原器文件中，一切正常工作，我收到一个操作，可以使用setIn()函数设置新值，也可以使用getIn()函数访问状态。
但是，当我使用mapStateToProps从connect()函数获得状态时，即使console.log显示了一个明显不可变的对象，我也不能使用不可变的函数，比如toJs()或getIn()。我总是收到这样的错误：TypeError: state.getIn is not a function。
我的index.js文件
import Reac
浏览 3提问于2020-03-30得票数 1
1回答
在学习一些“react”的过程中，我希望将一个简单的react组件转换为使用redux。在我的组件中，根据一些属性值，我初始化了一个数组，并将其设置为组件状态。
let my_arr = new Array(this.props.rows);
this.state = {
arr: my_arr
}
我不想在组件中创建和设置我的状态，而是使用一个reducer。我正在尝试创建一个reducer (reducer_arr.js)，它将初始化并返回这个数组。我的问题是，如何知道需要返回的数组的大小？有没有办法在我的减速器中读取该组件的道具值？
export default function b
浏览 18提问于2017-01-12得票数 1
回答已采纳
问题：
Error: No Matching "@@redux/INITj.p.b.v.m.c" - action type
第一个堆栈框架引用了第一个导入的减速器，cart_reducer，还有2个帧是combineReducers。
我相信这个错误与Redux无法获得初始状态有关。
我想做的是：
将电子商务页面从useReducer / contextAPI转换为Redux。有三个减速器，每个都有自己的初始状态。我正在尝试将这些减速器组合起来，并将它们传递到createStore()中。我相信我目前的设置大部分是正确的，我只是不知道如何将preloadedState传递到c
浏览 0提问于2021-04-23得票数 1
我正在学习Redux，我遇到了一些关于reducer如何更新状态的困惑。例如，代码如下：
const initialState = {
counter: 0
};
const counterReducer = (state = initialState, action) => {
if(action.type==="INCREASE"){
return {
counter: state.counter+1;
}
}
return state;
};
问题是，当运行此代码counter: state.counter+1;时，它是
浏览 1提问于2020-03-28得票数 0
我有一些函数想要包装在另一个函数中，我的问题是我似乎找不到一种方法来提取baseReducer的参数，并将它们分配给返回的函数。 另外，我可以提取baseReducer的参数类型并将它们用作withLoadingState参数的类型吗？ const START = 'START'
const SUCCESS = 'SUCCESS'
const ERROR = 'ERROR'
type Start = { type: typeof START }
type Success = { type: typeof SUCCESS; payload: s
浏览 16提问于2020-01-10得票数 0
回答已采纳
我可以从Redux状态返回值，当我进行API调用时，我会看到这些值正在注销，但状态没有更新。我用Redux商店建立了一个基本的应用程序来证明这一点。我还包括了Thunk库，它是异步状态操作(比如API)所必需的。我的猜测是，在还原器的末尾，我没有正确地返回状态，因为再次，如果我记录这些值，就会返回详细信息。
为了尽可能地合并代码，我只包括必要的部分：
export default function App() {
const OtherVal = useSelector((state) => state.reducer2.WorkoutDetails);
const d
浏览 3提问于2022-02-10得票数 0
回答已采纳
2回答
在这里，我希望创建一个AuthContext来与其他组件共享用户状态。这里我使用TypeScript来设置变量类型。但当我试图解决这个问题时，我犯了很多错误。我对这个问题很困惑。
这是我的AuthContext
import { createContext, ReactNode, useReducer } from 'react'
import { AuthReducer } from './Reducer';
export interface IState {
isAuthenticated: boolean
user: string | n
浏览 5提问于2021-09-12得票数 0
回答已采纳
下面的代码会抛出错误：
frontend_1 | TypeScript error in /frontend/src/State/Store.tsx(23,27):
frontend_1 | Property 'test' is missing in type 'any[]' but required in type '{ test: string; }'. TS2741
frontend_1 |
frontend_1 | 21 |
frontend_1 | 22 | return (
frontend_1
浏览 6提问于2021-12-29得票数 1
回答已采纳
我想要的是根减速机结合其他减速器，并听取额外的行动。我已经找到医生了，但我找不到任何信息。
这是一些伪代码。
const root1 = combineReducers({
reducer1,
reducer2,
reducer3,
reducer4
});
function root2(state = initState, action) {
switch (action.type) {
case LOAD_DATA:
return _.assign({}, initState, action.data);
default:
re
浏览 2提问于2016-01-13得票数 3
回答已采纳
我正在更新到ngrx8，并且我注意到在reducer函数中，state参数的类型可以是State或undefined
export function reducer(state: State | undefined, action: Action) {
return scoreboardReducer(state, action);
}
使用undefined optional类型有什么原因吗？
浏览 13提问于2020-03-16得票数 1
回答已采纳
我正在尝试重构我的redux的reducer函数，我的意图是将数据操作函数移动到一个独立的类中。这应该是这样的：
reducer.js
const initialState = {
notes: []
}
function reducer(state = initialState, action) {
switch (action.type) {
case 'ADD_NOTES':
let newState = Note.addNew(action.note);
return newState;
...
}
}
note.j
浏览 0提问于2019-04-18得票数 0
我试图一次只处理一个给定ID的下载。我想要它的非阻塞，所以“不同的文件it”可以并行下载，这就是为什么我要做takeEvery。如果一个“相同的文件ID”已经在进行中，我想要丢弃。
一旦发出动作DOWNLOAD_FILE，我就设置还原器file.isDownloading = true。然而，downloadFileWorker总是发现它是真的，并且是丢弃的。
这是我的传奇：
const DOWNLOAD_FILE = 'DOWNLOAD_FILE';
export function downloadFile(id) {
return {
type: D
浏览 2提问于2017-08-06得票数 1
回答已采纳
如果单击ADD按钮或SUBTRACT按钮，我的应用程序只是简单地增加年龄(初始设置为20)或降低年龄。
我不明白为什么我一直收到这个错误。我签入reducer.js以确保相应地使用'age‘属性初始化状态，所以我完全不知道这是什么原因造成的。我仔细检查了所有正确的依赖项，并确保所有语法都是正确的。
我认为可能导致它的另一件事是，我没有在我的reducer.js中对代码行const newState = {state}使用扩展运算符。由于某些原因，vscode不允许我使用扩展运算符。每次我这样做并运行我的应用程序时，屏幕上什么也没有出现。是否存在需要安装才能使用扩散运算符的依赖项？
以下
浏览 2提问于2020-05-21得票数 0
因此，在启动应用程序之前，我尝试初始化ExtReact的存储，以便能够加载数据，使用Redux存储来更新应用程序的状态。不要被一个动作的调用弄糊涂了，它只是用来通知减速机他现在可以装载商店。我正在学习这个教程()。但是我收到了这个错误：
Uncaught Error: Reducer "usershortcuts" returned undefined during initialization. If the state passed to the reducer is undefined, you must explicitly return the initial sta
浏览 2提问于2018-04-11得票数 2
回答已采纳
我正在尝试理解如何在useReducer钩子中使用TypeScript。下面是一个使用常规JavaScript的简单计数器：
function reducer(state, action) {
switch (action.type) {
case "+":
return { ...state, no: state.no + 1}
case "-":
return { ...state, no: state.no - 1}
default:
throw new Error("All cond
浏览 0提问于2019-07-02得票数 1
1回答
我在一个"@angular/core": "4.4.3"和"@ngrx/store": "4.0.3"项目中使用了"@angular/core": "4.4.3"和"@ngrx/store": "4.0.3"，并且在发送操作之后，没有得到相应的还原器，我遇到了一些问题。
这可能只是我在ngrx/store方面的有限经验
在这里可以看到整个项目，。
app.module.ts
import { AppStore } from './app.store'
浏览 4提问于2017-09-25得票数 5
回答已采纳
我想知道如何使用redux reducer来处理特定的用例。举个例子，假设我有一个带有DataGrid/Table的表单。在编辑按钮点击从一行，我想打开与选定的行数据弹出窗口。编辑完数据后，单击弹出的提交按钮，我想要更新表格/数据网格(即DataGrid现在应该具有编辑后的值)。
我已经编写了两个独立的组件1. MainPage.js及其对应的reducer MainPageReducer (员工列表) 2. PopupPage.js及其对应的reducer PopupPageReducer (选定的员工)
这两个减速器如何共享状态？
浏览 2提问于2017-02-04得票数 0
大家好，我有一个问题，
这是codeSilce.ts文件
import { createSlice } from "@reduxjs/toolkit";
const codeSlice = createSlice({
name: "codeApply",
initialState: {
codeOTP: "",
token: "",
},
reducers: {
addcode: (state, action) => {
state.codeOTP = action.p
浏览 0提问于2021-02-17得票数 0
我正在使用redux在类型记录中，我想要制作一个还原器，它将更新商店的状态，我的类型如下：
interface IArticle {
id: number,
title: string,
body: string,
}
type ArticleState = {
articles: IArticle[]
}
type ArticleAction = {
type: string,
article: IArticle
}
type DispatchType = (args: ArticleAction) => ArticleAction
我的action
浏览 13提问于2022-09-20得票数 0
我有一个简单的存储，它有一个channelName属性作为它的初始状态，目前有一个简单的reducer来使用输入更新通道名称。 这是我的Store.js： import { createStore } from "redux";
import reducer from "./Reducer";
const store = createStore(reducer);
export default store; 这就是我的Reducer.js中的内容 const initialState = {
channelName: "Flying Hawk&
浏览 22提问于2020-07-27得票数 0
回答已采纳
2回答
我正在通过创建一个Redux的Redux商店来尝试TypeScript。
这是我的redux.js文件：
import { configureStore, createSlice } from "@reduxjs/toolkit";
const testSlice = createSlice({
name: "test",
initialState: [],
reducers: {
callApi: (state, action) => {
const getData = {
type: "test
浏览 5提问于2022-06-19得票数 0
回答已采纳
我不知道如何从reducer存储中获取更新值。例如，我有一个React组件。在这个组件中，在一些操作之后，例如，在单击几次按钮之后，我从我的reducer操作脚本调用操作，比如this.props.PostSomethingToServer()。然后，该动作将一些数据发送到node express服务器。服务器对数据进行一些更改，然后向客户端存储缩减程序发送响应。如何从reducer存储中获取更新的数据？我需要使用更新的值调用此React组件中的另一个函数。顺便说一下，我在React组件中使用了mapStateToProps和export default connect()。据我所知，在ren
浏览 13提问于2020-05-31得票数 0
回答已采纳
我正在做一个fetch请求，它会在我的数据库中创建一个新用户。所有这些都可以工作，并创建一个新用户/返回api-key。
问题是我无法将收到的fetch请求的响应传递给reduces。我想知道我是否应该调用另一个操作来响应我成功的fetch请求，该请求触发了一个reducer并将请求的响应作为有效负载。
或者如果我能够立即将fetch请求的响应传递给reducer。这是我的传奇故事：
import { call, put, takeEvery, takeLatest, delay } from 'redux-saga/effects';
import {REGISTER} fr
浏览 1提问于2019-12-02得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
