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

只需替换上面显示的{}with (),并显示4个数据,你必须提供少于4,因为我从0开始.