使用TypeScript声明Redux Toolkit初始slice状态遇问题求助

你的问题出在initialState的类型推断不完整：

你定义了MaybeLoadingState<T>这个包含status和可选data的泛型类型，但初始化slice时的initialState只写了{ status: 'idle' }，TypeScript会自动把它的类型推断为{ status: string }，而非你期望的MaybeLoadingState<User[]>——这就导致reducer里的state只能识别status字段，看不到data。

两种解决方式： #

方式1：给initialState显式标注类型 #

直接给初始状态指定完整类型，让TypeScript明确它的结构：

const initialState: MaybeLoadingState<User[]> = {
  status: 'idle'
};

方式2：给createSlice指定泛型参数 #

在创建slice时，通过泛型明确State的类型：

const userSlice = createSlice<MaybeLoadingState<User[]>, {
  addUser: (state, action: PayloadAction<User>) => void
}, "users">({
  name: "users",
  initialState: { status: 'idle' },
  reducers: {
    addUser: (state, action) => {
      // 现在可以正常访问state.data了
      state.data?.push(action.payload);
    }
  }
});

推荐使用方式1，更直观且符合RTK的TypeScript最佳实践，因为initialState的类型会被createSlice自动复用，无需额外编写泛型参数。

内容的提问来源于stack exchange，提问作者tykhan