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

Question

我们的联系人记录有一个 phones 对象，它有 13 个可能的子对象，对应于以下 phone 类型：

      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...
}

您可以在 jsx 渲染函数中使用这些条件，只需使用 && 表示法

MobilePhone.hasOwnProperty && 
<React-component />

您可能正在循环浏览一堆联系人，下面是一个示例：

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

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

javascript render function for objects with missing properties

javascript

object

jsx