javascript - 在 React 中使用 immutability-helper 设置可变对象键

Question

我想在 React 中编写一个函数。在我的类中，我有一个状态对象 fields ，如下所示:

this.state = {
  step: 1,
  fields: {
    type: '',
    name: '',
    subtype: '',
    team: '',
    agreement: ''
  }
};

我有各种使用不变性助手分配这些键的函数，通常看起来像:

assignType(attribute) {
  var temp = update(this.state.fields, {
    type: {$set: attribute}
  });

  this.setState({
    fields: temp
  });
}

我想要做的是使用一个更通用的函数并执行如下操作:

assignAttribute(field, attribute) {
  var temp = update(this.state.fields, {
    field: {$set: attribute}
  });

  this.setState({
    fields: temp
  });
}

但是，这行不通。如何使用 immutability-helper 来使用可变键？

Answer 1

想通了!我需要使用ES6 computed property names只需将 assignAttribute 编辑为:

assignAttribute(field, attribute) {
  var temp = update(this.state.fields, {
    [field]: {$set: attribute}
  });

  this.setState({
    fields: temp
  });
}