How to pass a State as an argument to a function in ReactJS?

Question

JavaScript

How to correctly pass a state to a function in React, and then do this.setState?

//Хочу сделать универсально для разных стейтов и для _count задавать какой именно стейт.
    counter(cond, _count){
        if(cond==true) this.setState({ _count:  _count+1})
    }

                <h1>{this.state.count}</h1>

                <Button onClick={()=> this.counter(true, this.state.count) }> +++ </Button>

Answer 1

Например можно написать функцию так:

counter(cond, stateField){
  if(cond==true) {
    const newState = {};
    newState[stateField] = this.state[stateField] + 1;
    this.setState(newState);
  }
}

А биндить эту функцию к кнопке так:

<Button onClick={ this.counter.bind(this, true, someStateField }> +++ </Button>