TypeScript可选属性赋值报错“无法分配给undefined类型”如何解决

1. 你定义的CsvRow类型中，ColumnName映射的属性是可选属性，每个属性的类型默认为 RowField<k> | undefined 联合类型。
2. 当你使用联合类型ColumnName的变量columnName作为索引赋值时，TypeScript 无法推导得出「作为索引的columnName」和「赋值对象中columnName属性」是同一个值，无法将二者的类型做绑定匹配，因此判定你传入的RowField<ColumnName>类型不匹配目标位置的类型，触发赋值报错。

下面提供三种常用修复方式，可根据你的使用场景选择：

• 方案1：最小改动，赋值时增加类型断言
  直接告诉类型系统你当前的赋值操作符合类型要求，改动只涉及报错行：

row[columnName] = { columnName, original: '', rowIndex: 1 } as RowField<typeof columnName>

• 方案2：调整reduce累加器的中间类型，更安全的类型推导
  将reduce初始值的中间类型指定为必填的映射类型，避免可选属性的undefined干扰，最终返回的结果天然兼容CsvRow类型：

const row:CsvRow = CSV_COLUMNS_ALL.reduce((row, columnName) => {
  row[columnName] = { columnName, original: '', rowIndex: 1 }
  return row
}, { index: 1 } as Record<ColumnName, RowField<ColumnName>> & { index: number })

• 方案3：用Object.fromEntries替代reduce，语法更简洁
  用数组map加fromEntries生成动态字段，TypeScript对该语法的类型推导兼容性更好，不需要额外的类型断言：

const row: CsvRow = {
  index: 1,
  ...Object.fromEntries(
    CSV_COLUMNS_ALL.map(columnName => [columnName, { columnName, original: '', rowIndex: 1 }])
  )
}

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