javascript jsx 映射逻辑或结果

Question

我想要这样的表达式：

 <td>
   {phones.map((phone, j) => 
     <p>{this.renderPhone(phone)}</p>
   )}
 </td>

但电话数组可能并不总是被定义。

有没有这样的可能：

(phones || []).map()

Answer 1

你可以像下面这样查看，

const self = this;
 <td>
   {phones !== undefined ? phones.map((phone, j) => 
     <p>{this.renderPhone(phone)}</p>
     )
   : null}
 </td>

javascript jsx map on result of logical or