检查状态数组中是否存在元素

Question

例如，如何访问状态数组中的元素

this.state = {
    items: [1,5,22,6],
}

在这里我试图建立一个类，如果id存在于items状态

{this.props.data.map((row)=> (
 <ul>
  <li key={row.id} className={row.id === this.state.items ? 'complete' : 'pending'}" >{row.name}</li>
</ul>

))}

Answer 1

您可以将.includes（）函数用于数组：

{this.props.data.map((row)=> (
   <ul>
     <li key={row.id} className={this.state.items.includes(row.id) ? 'complete' : 'pending' }>{row.name}</li>
   </ul>
))}

或者使用.indexOf（）：

{this.props.data.map((row)=> (
   <ul>
     <li key={row.id} className={this.state.items.indexOf(row.id) !== -1 ? 'complete' : 'pending' }>{row.name}</li>
   </ul>
))}