Renderização condicional no React js
Eu adicionei uma condição na renderização e de repente ela para de ser exibida. Aqui está o código que estou usando.
{this.state.sdata.map((sdata, i) =>
{i < 5 &&
<ServiceNavItem key={i} onClick={()=>this.handleSelect(i)}{...sdata} />
}
)
}
Quero exibir apenas 4 itens de sdata. Alguém por favor ajude.