javascript渲染函数，用于缺少属性的对象

Question

我们的联系人记录有一个电话对象，其中有13个可能的子对象对应于以下电话类型：

      personalMobile1,
      personalMobile2,
      personalMobile3,
      workMobile1,
      workMobile2,
      workMobile3,
      homePhone1,
      homePhone2,
      homePhone3,
      workPhone1,
      workPhone2,
      workPhone3,
      workFax1

我正在尝试编写一个渲染函数，它只输出已定义的数字（例如mobilePhone1.number）。

许多这些子对象可能不存在于返回的联系人对象上。这是最大可能的对象。

假设我只有2个子对象，那么我想要这样的输出：

<p> +91 9883727387 </p>
<p> +91 9736551225 </p>  

Answer 1

If (mobilePhone.hasOwnProperty("number")) {
    // do something here...
}

只需使用 ＆amp;＆amp; ，您就可以在 jsx 渲染功能中使用这些条件符号

MobilePhone.hasOwnProperty && 
<React-component />

你可能正在循环一堆联系人，所以这是一个例子：

Contacts.map(function (contactObj) {
   If (contactObj.hasOwnProperty("number") {
      Return <p> { contactObj.number } </p> 
   }
});