使用es6使用动态密钥进行串联的setState

Question

这就是我使用动态setState的方法，但如果我想在状态名前加上什么呢？

handleChange(field, value) {
    this.setState({ [field]: value });
}

<input
  onChange={e => this.handleChange('fname', e.target.value)}
/>
<input
  onChange={e => this.handleChange('lname', e.target.value)}
/>

就像我想制作this.state.my_fname和this.state.my_lname。

Answer 1

这是否实现了您的目标？

handleChange(field, value) {
    this.setState({ [`my_${field}`]: value });
}