在ReactJS中处理空值的最佳方法？

Question

我正在使用ReactJS访问API。在React组件访问API提供的对象中可能是“未定义”的属性时，阻止React组件崩溃的最佳方法是什么？

一个错误的例子是：

TypeError：无法读取未定义的属性“ items”

Answer 1

似乎您正在尝试访问items变量的属性x。

如果x为undefined，则致电x.items会给您您提到的错误。

做一个简单的：

if (x) {
  // CODE here
}

要么

if (x && x.items) { // ensures both x and x.items are not undefined
  // CODE here
}