如果条件检入将jsx反应为空值[es6]

Question

我有一个数组

const myArray = this.props.values.students;

如果数组为空，我怎么能显示无？

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

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

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

Answer 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>