设置状态模式以访问状态中的对象属性（reactjs）

Question

如果你有一个对象在状态中，

state = {
  item: {
    name: ''
  }
}

如何使用这种设计模式访问 item 对象的 name 属性？

changeMe = (e) => this.setState( {[e.target.name]: e.target.value});

我尝试将名称更改为 item.name 但它只是创建了一个以 item.name 为键的状态。

<Form.Control name="item.name" onChange={this.onChange} defaultValue={this.state.item.name}></Form.Control>

Answer 1

怎么样：

changeMe = (e) => this.setState( { item: {[e.target.name]: e.target.value} });

Answer 2

您不能以这种方式访问​​深度嵌套的属性，您可以手动拆分字符串然后递归索引到属性中，或者使用现成的东西，例如lodash.set

import set from 'lodash.set';
...
changeMe = e => {
  const newState = set(this.state, e.target.name, e.target.value);
  this.setState(newState);
}