Reactjs 在缺少数据字段的情况下，通过数据对JSX映射作出反应

我在数据中循环 这是react.js/jsx 如果我拉100个项目，没有将显示，因为一个是未定义的。我只想让它显示“0”，如果它是未定义的，并显示大小，如果有

错误：无法读取未定义的属性大小

数据示例

Item={
    color:blue,
    size:medium,
    }
Item={
    color:red
    }

我正在映射数据

我基本上是这样做的：

 return items.map((item, i) => {
    return( {item.size})

我还尝试了{item.size？“itWorks”：“0”}作为测试，我得到了相同的错误。

错误是：

错误：无法读取未定义的属性大小

这意味着

项

是

未定义的

， 因此，您必须检查

项目

和

项目。大小

错误为：

错误：无法读取未定义的属性大小

这意味着

项

是

未定义的

，

---

因此，您必须检查

item

和

item.size

最好使用

object.hasOwnProperty（'property'）

来检查对象是否具有特定属性。你的情况是：

{item.hasOwnProperty('size') ? "itWorks" : "0"} 

---

最好使用

object.hasOwnProperty（'property'）

检查对象是否具有特定属性。你的情况是：

{item.hasOwnProperty('size') ? "itWorks" : "0"} 

你应该这样做

return (

items&&items.map（函数（项，id）{ ………}）

因此，当items数组具有一定长度时，循环将通过，否则它将退出

return (

items&&items.map（函数（项，id）{ ………}）

---

因此，当items数组具有一定长度时，循环将通过，否则它将退出@Jayce444或

（item |{}）.size | 0

。顺便问一下，在

{}

中如何包装

item.size

？您不想只返回

大小

？这甚至不是有效的javascript.its JSX，我返回类似Size:{item.Size}@Sulthan是的，正确，不应该有卷发braces@born2gamble这和你的问题不同，需要不同的答案syntax@Jayce444或者

（项目| |{}）。尺寸| | 0

。顺便说一下，您在

{}

中包装

项目的大小是什么？您不想只返回
大小
？这甚至不是有效的javascript.its JSX，我返回类似Size:{item.Size}@Sulthan是的，正确，不应该有卷发braces@born2gamble这和你的问题不同，需要不同的语法