TypeScript类型错误：FormDataEntryValue无法赋值给string | null

错误原因 #

TypeScript抛出类型错误的核心原因是：formData.get()方法的返回类型是FormDataEntryValue | null，这个类型包含**字符串（string）和文件（File）**两种可能；但你的InvoiceEmailData类型要求firstName、lastName、remarks必须是string | null。当TypeScript无法确定返回值是字符串还是文件时，就会触发类型不兼容的报错。

三种可行解决方案 #

方法一：类型断言（最简方案，适合明确字段为文本的场景） #

既然你明确知道这些表单字段是文本输入（不会是文件），可以直接用类型断言强制指定返回类型为string | null：

const firstName = formData.get('firstName') as string | null;
const lastName = formData.get('lastName') as string | null;
const remarks = formData.get('remarks') as string | null;

修改后后续赋值给emailData时，类型会完全匹配，无需调整其他代码。

方法二：显式类型检查工具函数（更严谨） #

如果想避免意外传入文件的情况，可以写一个工具函数统一处理表单字段：

// 封装工具函数，确保返回值仅为字符串或null
const getFormString = (key: string): string | null => {
  const value = formData.get(key);
  return typeof value === 'string' ? value : null;
};

// 使用工具函数获取字段
const firstName = getFormString('firstName');
const lastName = getFormString('lastName');
const remarks = getFormString('remarks');

这种方式会严格过滤非字符串类型的返回值，完全符合InvoiceEmailData的类型要求。

方法三：赋值时直接处理类型 #

如果不想修改变量声明，也可以在给emailData赋值时做类型判断：

const emailData: InvoiceEmailData = {
  firstName: typeof firstName === 'string' ? firstName : '',
  lastName: typeof lastName === 'string' ? lastName : '',
  order_id: order_id || '',
  cart: cart,
  total: total,
  remarks: typeof remarks === 'string' ? remarks : null // 可根据业务需求改为空字符串''
};

通过typeof判断类型后再赋值，确保传入的是字符串类型。

额外优化建议 #

代码中let order_id;的类型是any，建议显式指定类型以符合TypeScript规范：

let order_id: string | undefined;

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