如果有条件地检查反应 jsx 的空值 [es6]

【问题标题】：If conditional check in react jsx for empty values [es6]如果有条件地检查反应 jsx 的空值 [es6]
【发布时间】：2016-05-16 16:18:59
【问题描述】：

我有一个数组

const myArray = this.props.values.students;

如果数组为空，如何不显示？

这是我目前正在使用的...

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

如果数组实际上是空的，它似乎不会呈现“无”。我怎样才能做到这一点？

【问题讨论】：

【解决方案1】：

问题是空数组不是假值：

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>

【讨论】：