React.js 处理 json 中的缺失数据（TypeError: Cannot read property 'prefix' of null）

Question

我读了 API 但 json 结果并不总是“完整的”。 在第 2 行中缺少年龄。

 {
     ["name": "Max", "age":15, "country": 1],
     ["name": "Muster", "country": 56],
     ["name": "Test", "age": 5, "country": 5]
 }

当我尝试通过数组执行 map 时，我得到“TypeError：无法读取 null 的属性‘年龄’）

{items.map((res, index) => (
    <p>
        {res.name}
        {res.age}
        {res.country}
     </p>
))}

处理 JSON 响应中缺失数据的最佳方法是什么？

Answer 1

下面的数据结构看起来很奇怪：

{
     ["name": "Max", "age":15, "country": 1],
     ["name": "Muster", "country": 56],
     ["name": "Test", "age": 5, "country": 5]
}

但是，您可以为此使用safe operator ：

 {res?.age ?? ''} // empty string will be returned in case res == null or undefined

工作演示：

Answer 2

您可以检查属性是否存在：{res.age? res.age: ''}