redux-actions中createAction的TypeScript可选参数配置问题

嘿，这个问题我之前折腾过好一会儿，redux-actions的TypeScript类型推断在处理带默认值的可选参数时确实会有点“认死理”，不过完全可以解决！

你当前的代码里，虽然给reason加了默认值，但TypeScript并没有把它识别为可选参数——因为只加默认值不加?的话，TS会认为这个参数是必填但有默认值，而redux-actions的createAction类型推导没有正确处理这种情况，所以编译器会误以为调用时只能传两个参数。

下面给你两种可行的解决方案：

方案一：显式标记参数为可选，配合默认值处理 #

直接在payload creator的参数里给reason加上?，然后用空值合并运算符确保默认值生效：

export const updateParticularObjectValue = createAction(
  UPDATE_PARTICULAR_VALUE,
  (id: string, amount: number, reason?: string) => {
    return { id, value: amount, reason: reason ?? 'default' };
  },
);

这样TypeScript就能明确识别到第三个参数是可选的，调用时传2个或3个参数都不会报错。

方案二：通过泛型显式指定类型 #

如果需要更清晰的类型约束，可以先定义payload的接口，再给createAction指定泛型参数：

// 先定义payload的类型
interface UpdateParticularValuePayload {
  id: string;
  value: number;
  reason: string;
}

// 显式指定createAction的泛型
export const updateParticularObjectValue = createAction<
  typeof UPDATE_PARTICULAR_VALUE,
  (id: string, amount: number, reason?: string) => UpdateParticularValuePayload
>(UPDATE_PARTICULAR_VALUE, (id, amount, reason = 'default') => ({
  id,
  value: amount,
  reason,
}));

这种方式更适合复杂的payload结构，能让类型定义更清晰。

现在两种调用方式都能正常通过TS检查：

// 只传前两个参数，使用默认reason
updateParticularObjectValue('item-1', 100);
// 显式传入第三个参数
updateParticularObjectValue('item-1', 100, 'user-initiated-update');

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