Discussion on: Fast & easy... React states management in one function

[K (he/him)]

Yeah, curried functions are perfect for this. The arrow syntax lends itself to this.

valueChange = (key) => {
  return function (e) {
    var obj= {};
    state[key] = e.target.value; //<-- this is a bug btw.
    this.setState(obj);
  }.bind(this);
}

becomes

valueChange = key => e => this.setState(oldState => ({
  ...oldState,
  [key]: e.target.value
}))

[Max Cerrina]

Yesssssssssssssss

[Patrick Roza]

Or just valueChange = key => e => this.setState({[key]: e.target.value})

[Fabio Russo]

Love It!