TypeScript：为什么 Object.fromEntries 不接受元组数组？ [复制]

Question

1. 我创建了一个元组数组
2. 然后用Object.fromEntries将其转换为对象
3. 然后我将分配给<{ [formFieldId: string]: number }> 类型。

这里有什么问题？

const [itemsWithSelection, setItemsWithSelection] = useState<{ [formFieldId: string]: number }>(itemsWithSelection2)
if (!itemsWithSelection2) {
  let aa = Object.keys(invoiceItems).forEach((key) =>
    [key, 1]
  )
  setItemsWithSelection(Object.fromEntries(aa))
}

得到了这个错误：

./components/product/InvoiceItemsToDeliver.tsx:30:44
Type error: No overload matches this call.
  Overload 1 of 2, '(entries: Iterable<readonly [PropertyKey, number]>): { [k: string]: number; }', gave the following error.
    Argument of type 'void' is not assignable to parameter of type 'Iterable<readonly [PropertyKey, number]>'.
  Overload 2 of 2, '(entries: Iterable<readonly any[]>): any', gave the following error.
    Argument of type 'void' is not assignable to parameter of type 'Iterable<readonly any[]>'.

  28 |     [key, 1]
  29 |   )
> 30 |   setItemsWithSelection(Object.fromEntries(aa))
     |                                            ^
  31 | }

Answer 1

您可能想在此处使用.map 而不是.forEach：

const [itemsWithSelection, setItemsWithSelection] = useState<{ [formFieldId: string]: number }>(itemsWithSelection2)
if (!itemsWithSelection2) {
  let aa = Object.keys(invoiceItems).map((key) =>
    [key, 1]
  )
  setItemsWithSelection(Object.fromEntries(aa))
}

第一个基于回调的内容生成一个新数组（或者在 Swift 中通常称为“闭包”）；而第二个主要用于副作用，并且总是返回 undefined（一个类似于 Swift 的 Void 的值）。