javascript - Alias ES6 解构

Question

我正在为我的表单创建一个通用函数 checkField，并且我希望能够从状态(或任何 JavaScript 对象)中提取我作为参数

checkField(fieldname) {
   const {
     validityFieldObj,
     fieldname
   } = this.state

   // Would be equivalent to `this.state[fieldname]`
   // But I can't get fieldname from this.state destructuration,
   // as it as already been delcared in the parameter.
   // Any alternative to this issue?
}

Answer 1

要获取字段名称，您需要使用 destructuring with computed property name ，并将结果分配给变量:

const state = {
  validityFieldObj: {},
  abc: 3
};

function checkField(fieldname) {
   const {
     validityFieldObj,
     [fieldname]: value
   } = state;

  console.log(value);
}

checkField('abc');

如果您需要提取属性名称fieldName，您可以使用别名:

const state = {
  validityFieldObj: {},
  fieldname: 'abc'
};

function checkField(fieldname) {
  const {
    validityFieldObj,
    fieldname: nameOfField
  } = state;

  console.log(nameOfField);
}

checkField('abc');