使用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 });
}