映射函數 - 未處理的 JS 異常：TypeError：undefined 不是評估映射的對象

Question

我有一個名為 displayKeyHelpers.ts 的文件， members.map代碼在第 118 行。該代碼適用於大多數用戶和 QA，但有時似乎成員未定義。 我正在查看一份崩潰報告，上面寫着

displayKeyHelpers.ts, line 118
SIGABRT: Unhandled JS Exception: TypeError: undefined is not an object (evaluating 'n.map') This error is located at: in V in Unknown in Unknown in Unknown..

下面的函數中的成員似乎未定義。 如何添加支票？

export const memberDropdownOptions = (members: any): Option[] => {
  const options: Option[] = []
  members.map((member: Person) => {
    options.push({
      label: `${member.firstName} ${member.lastName}`,
      value: member.dependentNumber,
    })
  })
  return options
}

這是我嘗試過的，但它在一些單元測試中失敗了，所以我猜這是不對的：

export const memberDropdownOptions = (members: Person[]): Option[] => {
  const options: Option[] = []
  members?.map((member: Person) => {
    options.push({
      label: `${member?.firstName} ${member?.lastName}`,
      value: member?.dependentNumber,
    })
  })
  return options
}

該函數是這樣使用的：

const memberOptions = memberDropdownOptions(members)

Answer 1

您傳遞給memberDropdownOptions(members)的members參數在調用函數時未定義。

members是否依賴某種異步邏輯來賦值？ 回溯到它被賦值的地方，並確保memberDropdownOptions()只在它有一個值時才觸發。