javascript - React js 中的条件渲染

Question

我在渲染中添加了条件，但突然停止显示。这是我正在使用的代码。

 {this.state.sdata.map((sdata, i) => 
   {i < 5 && 
    <ServiceNavItem key={i} onClick={()=>this.handleSelect(i)}{...sdata} /> 
   }
  )
 }

我只想显示 sdata 中的 4 个项目。任何人都请帮助。

Answer 1

{this.state.sdata.map((sdata, i) => 
     (i < 4 && 
       <ServiceNavItem key={i} onClick={()=>this.handleSelect(i)}{...sdata} /> 
     )
   )
}

只需将 {} 替换为 ()，如上所示，要显示 4 个数据，您必须提供少于 4 个的数据，因为我从 0 开始。