Question

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

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

Answer 1

您可以使用

sort_order_column

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

Answer 4

对于较短的代码，您应该使用解构分配

const { ClientCodeRegional } = this.state.user

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

我只是想知道为什么需要将number.toString()属性转换为key属性。我认为它会自动转换。

数组作为React中的状态？

4 个答案: