javascript - 为什么 TypeError : Cannot read property '0' of undefined?

Question

我正在从 woocommerce 中提取数据。

我在我的 render() 中这样定义:const product2 = this.state.products2;

现在我想在这个返回的对象中定位一个特定的值:const defaultLace = product2.default_attributes[0].option

但是，上面的代码呈现类型错误，但 const defaultLace = product.default_attributes; 不呈现错误，在控制台中我可以看到类似的数据；

      default_attributes: [
        {
          id: 0,
          name: "Lace",
          option: "Closure"
        }
      ]

const defaultLace = product2.default_attributes[0].option 呈现错误的原因是什么？

有什么帮助吗？

---编辑----

损坏的代码复制:XXXX

Answer 1

products2 在请求完成之前最初是一个空数组，因此访问 products2.default_attributes 将返回 undefined，并尝试访问 [0] 将导致您的错误。

您可以等待渲染，直到 products2 数组已填充数据。

示例

render() {
  const product2 = this.state.products2;

  if (product2.length === 0) {
    return null;
  }

  const productSize = product2[0].default_attributes[0].option;

  return (
    <div>
      <h1>{productSize}</h1>
    </div>
  );
}