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})
valueChange = key => e => this.setState({[key]: e.target.value})
Love It!
Yesssssssssssssss
We're a place where coders share, stay up-to-date and grow their careers.
We strive for transparency and don't collect excess data.
Auth With Twitter
Auth With GitHub
re: Fast & easy... React states management in one function VIEW POST
FULL DISCUSSIONYeah, curried functions are perfect for this. The arrow syntax lends itself to this.
becomes
Or just
valueChange = key => e => this.setState({[key]: e.target.value})Love It!
Yesssssssssssssss