TypeScript类型错误求助：'string | undefined'无法赋值给参数

错误原因是bookingData?.booking_type?.value的类型为string | undefined，而Array.indexOf()期望的参数类型是BOOKING_TYPE（枚举值本质是字符串，但TypeScript会严格校验类型），两者无法直接匹配。以下是几种可行的解决方法：

方案1：使用类型断言 #

明确告诉TypeScript该值的类型，适合你能确定值一定是枚举成员的场景：

const iscl = [BOOKING_TYPE.LC, BOOKING_TYPE.TUFFING].indexOf(bookingData?.booking_type?.value as BOOKING_TYPE) !== -1;

方案2：提供默认值 #

用空值合并运算符??给可能的undefined提供一个无效默认值，确保类型匹配：

const iscl = [BOOKING_TYPE.LC, BOOKING_TYPE.TUFFING].indexOf(bookingData?.booking_type?.value ?? '') !== -1;

注：空字符串不在枚举成员中，indexOf会返回-1，逻辑上等同于值不存在的情况。

方案3：非空断言（谨慎使用） #

如果你能保证bookingData和bookingData.booking_type一定存在（不会为undefined或null），可以用非空断言!消除undefined类型：

const iscl = [BOOKING_TYPE.LC, BOOKING_TYPE.TUFFING].indexOf(bookingData!.booking_type!.value) !== -1;

警告：如果运行时bookingData或booking_type为null/undefined，会触发报错，仅在确定变量已初始化时使用。

方案4：先校验值存在性 #

通过条件判断确保值有效后再调用indexOf，更安全：

const bookingValue = bookingData?.booking_type?.value;
const iscl = bookingValue ? [BOOKING_TYPE.LC, BOOKING_TYPE.TUFFING].includes(bookingValue as BOOKING_TYPE) : false;

这里改用Array.includes()替代indexOf，逻辑更直观，同时先判断值是否存在，避免无效调用。

另外注意：你当前代码中let bookingData: IImportBookingData;只是声明了变量但未初始化，运行时会报错，记得给bookingData赋值后再使用。

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