React에서 불변성 도움말을 사용하여 변수 개체 키 설정

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?

알아냈어!ES6 계산 속성 이름을 사용하고 단순히 편집해야 했습니다.assignAttribute대상:

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

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

를 사용할 수 있습니다.[]동적 필드 이름이 있는 경우 구문:

var data = {}
data[field] = {$set: attribute}

var temp = update(this.state.fields, data)

ES6를 사용할 수 있으면 훨씬 더 간결해집니다.

언급URL : https://stackoverflow.com/questions/42404563/using-immutability-helper-in-react-to-set-variable-object-key