reactjs - 无法在reactjs的返回中读取null的属性“类别”

Question

我从 json 文件中获取一些数据，并使用 .map 将这些点放在 reactjs 中的谷歌地图上，一切都很好。但是对象中的某些项目没有任何值，如果它们被调用，它们会抛出：'TypeError: Cannot read property 'category' of null'。我不应该只是能够在返回中执行以下操作：

{ marker.outcome_status.category && <p>Outcome: {marker.outcome_status.category} ({marker.outcome_status.date})</p> }

Answer 1

由于您有 2 个嵌套级别，因此您还需要检查是否存在marker.outcome_status。

{ 
  marker.outcome_status
  && marker.outcome_status.category
  && <p>Outcome: {marker.outcome_status.category} ({marker.outcome_status.date})</p> }