在React中使用immutability-helper来设置变量对象键

Question

我有一个我想在React中编写的函数.在我的课堂上,我有一个状态对象fields,如下所示:

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

我有各种功能,使用immutability helper通常看起来像这样的键来分配这些键:

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计算属性名称,只需编辑assignAttribute为:

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

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