键“pageName”的切片减速器在初始化期间返回未定义

Question

我正在使用 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;

商店.js：

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

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

Answer 1

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