数组作为React中的状态？

Question

在尝试像这样打印输出时，如何确保数组不为空？ClientCodeRegional是我的数组，有时它可能是空的。

      {
       this.state.user.ClientCodeRegional[0]?
       <ul>{this.state.user.ClientCodeRegional.map((number) => <li key={number.toString()}>{number}</li>) }</ul>
        :null
      }

Answer 1

您可以使用

   {
       this.state.user.ClientCodeRegional.length &&
       <ul>
            {this.state.user.ClientCodeRegional.map((number) => 
                <li key={number.toString()}>{number}</li>) }
        </ul>
    }

Answer 2

你可以检查数组的长度。

  {
   this.state.user.ClientCodeRegional.lenght && 
     <ul>{this.state.user.ClientCodeRegional.map((number) => 
        <li key={number.toString()}>{number}</li>) }
     </ul>
  }

Answer 3

检查数组ClientCodeRegional的长度，如果长度大于0，则在ClientCodeRegional上显示带有循环的列表。

 {
   this.state.user.ClientCodeRegional.length>0 && 
     <ul>{this.state.user.ClientCodeRegional.map((number) => 
        <li key={number.toString()}>{number}</li>) }</ul>
 }