re: Fast & easy... React states management in one function VIEW POST

FULL DISCUSSION
 

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
}))
 

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

 
 
code of conduct - report abuse