使用if / else内部反应渲染返回

Question

我的反应渲染中有这个javascript：

  <p id='canPlay'>
          {this.state.canPlayArray.map(function(num, index){
            return <p key={ index }>Name: {num.name} Date Indicated: {num.dateConfirmed}</p>;
          }, this)}
   </p>

但有时，canPlayArray可能为空。我怎么说如果array.length> 0然后渲染数组ELSE显示＆＃39;没有人回复＆＃39;

我不能在html中做一个if / else我不认为并且在返回（）之前我有：

if (this.state.info){
      output = <Thanks />;
    }

这可能会阻止我做if / else吗？

考虑使用三元运算符但不确定将其放在哪里

Answer 1

<p id='canPlay'>
  {
    this.state.canPlayArray.length
    ? this.state.canPlayArray.map(function(num, index){
      return <p key={ index }>Name: {num.name} Date Indicated: {num.dateConfirmed}</p>;
    }, this)
    : <p>no one has responded</p>
  }
</p>