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>