用动态键反应setState

Question

onChange(e) {
    e.persist
    this.setState((prevState) => {
      prevState[e.target.id] =  e.target.value
      return prevState
    })
  }

这是初始状态：

 this.state = {
      heading: this.props.match.params.length > 1 ? "Edit Post" : "Create Post",
      title: '',
      category: '',
      body: '',
      author: ''
    }

Answer 1

基本规则是：

我们可以使用计算属性名的概念，并使用任何js表达式来动态计算对象属性名。为此，我们需要将表达式放在[]中。

像这样：

var obj = {
   [10 * 20 + 1 - 5]: "Hello"
};

console.log('obj = ', obj);