循环遍历数组生成组件（未定义数组）

Question

我有以下对象，并试图遍历列表：

  const [object, setObject] = useState({
    answer: {
      [29]: {
        list: [],
      },
    },
  });

现在我有一个单独的函数来循环遍历列表中的代码，但是当页面最初尝试加载时不知何故得到 'undefined'。

  const List = object["answer"][29]["list"].map(
    (item, index) => (
      <div> {item.name} </div>
       ...etc
    )
  )

不确定我在这里遗漏了什么。任何帮助表示赞赏！谢谢！

Answer 1

您可以在处理数组时使用可选的链接运算符。

object?.["answer"]?.[29]?.["list"]?.map(...)

如果加载时未设置值，这样它就不会崩溃。

Looping through an array to generate a component(undefined array)