の条件チェックが空の値のためにJSXを反応させる場合は、[ES6]

Question

私は、配列が空の場合、私は何を表示することができませんどのように配列

const myArray = this.props.values.students; 

がありますか？配列の中で、実際に空の場合は「なし」をレンダリングしないようには見えない

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

これは私が現在使用しているものです...。どうすればこの作品を作れますか？

Answer 1

問題は、空の配列がfalsy値ではないということである：あなたがfalsy値を与える配列の長さを確認することができ

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

場合、空（0）

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