setState nested object failed with spread operator

Asked Sep 02 '17 at 06:40

Active Sep 02 '17 at 06:40

Viewed 168 times

I follow this example

to set nested state in react. What's wrong with below code? I want e.target.name as the property of the object.

onChange = (e) => {
    this.setState({
        input: {...this.state.input, e.target.name: e.target.value}
    })
  }

asked Sep 02 '17 at 06:40

Thian Kian Phin

2

use bracket notation for computed property name: `[e.target.name]: ....` – Mayank Shukla Sep 02 '17 at 06:44
Possible duplicate of [Dynamically access object property using variable](https://stackoverflow.com/questions/4244896/dynamically-access-object-property-using-variable) – Mayank Shukla Sep 02 '17 at 06:46
your codesandbox is broken. use inline snippets and fix your code – Amit Sep 02 '17 at 06:48
check working code [codesandbox](https://codesandbox.io/s/rw550n33lm) – Mayank Shukla Sep 02 '17 at 06:52

0 Answers0