初始化期间返回未定义键“pageName”的切片缩减器答案

【问题标题】：slice reducer for key "pageName" returned undefined during initialization初始化期间返回未定义键“pageName”的切片缩减器
【发布时间】：2021-08-16 22:10:08
【问题描述】：

我正在使用 createSlice() 创建 redux 应用，但出现错误：

错误：键“pageName”的切片缩减器在期间返回未定义初始化。如果传递给减速器的状态是未定义的，你必须显式返回初始状态。初始状态可能不是不明确的。如果你不想为这个 reducer 设置一个值，你可以使用 null 而不是 undefined。

这是此错误的最小示例。

pageNameSlice.js：

import { createSlice } from "@reduxjs/toolkit";

const pageNameSlice = createSlice({
    name: 'pageName',
    initalState: "",
    // The `reducers` field lets us define reducers and generate associated actions
    reducers: {
      setPageName: (state, newName) => {
          state.pageName = newName
      }
    }
});

export default pageNameSlice.reducer;

store.js：

import { configureStore } from '@reduxjs/toolkit';
import pageNameReducer from '../features/pageNameSlice';

export const store = configureStore({
  reducer: {
    pageName: pageNameReducer
  },
});

【问题讨论】：

标签： javascript redux react-redux redux-toolkit redux-reducers

【解决方案1】：

你有一个错字 - initalState 应该是 initialState。（这比你想象的更常见^^）

【讨论】：

不敢相信这是原因:)