есть массив items = [1,2,3,4]
как мне вывести первые 2 элемента, а после нажатия кнопки вывести еще 1 элемент и тд
сейчас я сделал так
counter() {
this.setState((prevState) => ({
count: prevState.count + 1,
}))
}
render() {
const { items } = this.state
return (
<>
{items.map((item: any, i: number) => {
if (i < this.state.count * 2) {
return <div className={s.container}>{item}</div>
}
return <></>
})}
<button type="button" onClick={() => this.counter()}>
counter
</button>
</>
)
}
но сейчас я вывожу только первые 2 элемента, а после нажатия на кнопку все остальные сразу