Do not mutate state directly, Use setState() react/no-direct-mutation-state in React JS

Question

 { this.state.name = input; }}
  name=\"name\"
  type=\"text\"
  className=\"form-control\"
  on         


        

Answer 1

you can instead clone the entire property value inside the with spread operator and then reform or edit the value for example :

state = {Counters: [{id:1,value:1},{id: 2,value: 2},{id: 3,value: 3},{id: 4,value: 4}]}
increment = (Counter) => {

        //This is where the state property value is cloned 

        const Counters = [...this.state.Counters];
        console.log(Counters);
        const index = Counters.indexOf(Counter)
        Counters[index].value++
        this.setState({
            Counters: this.state.Counters
        })
}