如果在條件檢驗發生反應JSX爲空值[ES6]

Question

我有一個數組

const myArray = this.props.values.students; 

如何顯示無如果數組爲空？

這是我目前使用...

<p>{this.props.values.students ? myArray : 'None' }</p> 

它似乎並沒有呈現「無」，如果數組中，其實是空的。我該如何做這項工作？

Answer 1

的問題是，一個空數組不是falsy值：

if ([]) { 
    console.log('truly - this will happen'); 
} 
else { 
    console.log('false - this will *never* happen'); 
} 

可以然而檢查數組的長度，這將給出falsy值時空（0）

<p>{this.props.values.students.length ? myArray : 'None' }</p>