javascript - 数组作为 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>
    }