主页 / coding / 问题 / 78991343
Accepted
Julia
Asked: 2024-09-17 02:21:12 +0800 CST

在对象内部的数组上使用 map 时，Typescript‘对象可能未定义’

  • 772

我有一个对象数组，其中还包含我要迭代的数组。我收到错误“对象可能未定义”，我不确定如何解决它

const arr = {
  1: "something",
  2: "somethingelse",
...
};

export interface IData {
  someString?: string | undefined;
  items?: {
    name?: string | undefined;
    value?: string | undefined;
  }[];
}

const App = ({dataCollection}: IData[]) => {
  return (
    <div>
      ...
      {dataCollection.map((data) => (
          <div>
            {Object.entries(arr).map(([key]) => {
--> error comes from data(
              const filtered = data.items.find((d) => {
                return d.name === key;
              });
              return (
                <h1>{filtered?.value}</h1>
              );
            })}
        </div>
      ))}
    </div>
  );
};
reactjs

1 个回答

  1. Best Answer

    在将任何可能未定义的数组（非静态的任何数组）映射到编译器之前，请务必检查它是否存在

    例如：

    const staticArray = ["Static", "Array"]; 
const dynamicArray = fetchDynamicArray(); 

staticArray.map((item) => {...}) // Correct

dynamicArray && dynamicArray.map((item) => {...}) // Check for undefined
    • 1

相关问题