class MyComponent extends Component {
state={
activeLi: ''
}
click=(n)=>{
console.log(12)
this.setState({
activeLi:n
})
}
render() {
return (
<ul>
<li onClick={()=>this.click(1)} className={this.state.activeLi === 1 ? "active": ''}>item1</li>
<li onClick={()=>this.click(2)} className={this.state.activeLi === 2 ? "active": ''}>item2</li>
<li onClick={()=>this.click(3)} className={this.state.activeLi === 3 ? "active": ''}>item3</li>
</ul>
)
}
}
2) У вас в описании цикла for зачем-то setState.
5) Что тут происходит, я не понял
setArrItems(arrItems=[...arrList])
6) Где сеттер для?
let [itemsPerButton] = useState(10)
8) Так нельзя писать
setFinishIndex(finishIndex=basicNum*10)
Во первых, finishIndex это стейт, его нужно менять только через соответствующую функцию set*, во вторых, не нужно производить присваивания внутри каких-то других операциях, т.к. код становится непонятным и запутанным.