Redux Toolkit中action.payload概念解析：作用与使用原因

一、action.payload 到底是什么？ #

在 Redux 体系里，Action 是描述状态变化的普通对象，必须带 type 字段用来区分不同动作。而 payload 是 Redux Toolkit 约定俗成的字段，专门用来携带动作需要的数据——简单说就是你要传给 reducer 的“数据包裹”：比如要更新用户邮箱，就把新邮箱值塞进 payload；要切换加载状态，就把布尔值放进去。

Redux Toolkit 的 createSlice 和 PayloadAction 会帮你自动搞定 Action 的创建和类型定义，不用手动写一堆繁琐的 Action Creator 函数，payload 就是这个流程里传递数据的标准方式。

二、你的代码里用 action.payload 的原因和具体作用 #

先贴你的代码：

const userSlice = createSlice({
  name: 'user',
  initialState,
  reducers: {
    // User k set korche（孟加拉语：正在设置用户）
    setUser: (state, action: PayloadAction<string | null>) => {
      state.user.email = action.payload;
    },
    setLoading: (state, action: PayloadAction<boolean>) => {
      state.isLoading = action.payload;
    },
  },
});

1. 为什么要用 action.payload？ #

• 统一规范，避免混乱：Redux Toolkit 推荐用 payload 作为动作数据的统一字段，要是每个人都自定义不同的字段名（比如data、value），团队协作时代码会乱成一锅粥，用 payload 能让所有人的写法保持一致，可读性拉满。
• TypeScript 类型安全：代码里的 PayloadAction<string | null> 和 PayloadAction<boolean> 是 Redux Toolkit 提供的 TS 类型，它会严格约束 action.payload 的类型——比如 setUser 只能传字符串或 null，setLoading 只能传布尔值，从根源上避免类型错误。
• 自动生成 Action Creator：用 createSlice 定义 reducer 后，它会自动生成对应的 Action Creator 函数（比如 setUser、setLoading），调用这些函数时传入的参数会自动变成 action.payload 的值，不用你手动写 { type: 'user/setUser', payload: xxx } 这种冗余代码。

2. 具体作用是什么？ #

• setUser 里的 action.payload：
  这个 reducer 负责更新用户的邮箱地址。当你调用自动生成的 setUser 函数时（比如 setUser("new@example.com") 或 setUser(null)），你传入的邮箱字符串或 null 就会被放到 action.payload 里，reducer 直接把这个值赋值给 state.user.email，完成用户邮箱的状态更新。
• setLoading 里的 action.payload：
  这个 reducer 负责切换页面的加载状态。调用 setLoading(true) 时，布尔值 true 会成为 action.payload，reducer 把它赋值给 state.isLoading，页面就能显示加载动画；调用 setLoading(false) 时，加载状态就会关闭。

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