如何将Redux Slice的initialState设置为NULL？

AI 小北

2026-8-13

Redux Slice设置initialState为null的解决方案

你的报错Uncaught ReferenceError: initialState is not defined是因为代码里只写了initialState变量名，但从未声明并赋值。要实现initialState为null，有两种简单的正确写法，同时还要注意reducer里的空值处理：

写法一：直接在createSlice中赋值

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

export const slice = createSlice({
    name: 'initial',
    initialState: null, // 直接将initialState设置为null
    reducers: {
        ADDS(state, action) {
            // 处理state为null的情况，避免解构空值报错
            return {
                ...(state || {}), 
                product: action.payload,
            } 
        }
    }
});

export const { ADDS } = slice.actions;
export default slice.reducer;

写法二：先声明变量再引用

如果你想单独管理initialState变量，也可以先声明再传入：

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

// 声明并赋值initialState为null
const initialState = null;

export const slice = createSlice({
    name: 'initial',
    initialState,
    reducers: {
        ADDS(state, action) {
            return {
                ...(state || {}), 
                product: action.payload,
            } 
        }
    }
});

export const { ADDS } = slice.actions;
export default slice.reducer;