【问题标题】:Destructuring of es6 but passing dynamic variable解构 es6 但传递动态变量
【发布时间】:2017-03-08 07:06:47
【问题描述】:

说我的state是这样的:

{
  item:{
      a:'a',
      b:'b'
  }
}

然后我可以通过以下方式从项目中提取a

const { a } = this.state.item

但可以使用{}es6 动态拉取?

例如const { variable } = this.state.item,其中variable 可以是ab

【问题讨论】:

标签: javascript reactjs destructuring


【解决方案1】:

正如4castle 指出的那样,您可以使用Computed object property names and destructuring 和额外的键/值对变量进行解构。

var object = { item: { a: 'a0', b: 'b0' } },
    key = 'b',
    value;

({ [key]: value } = object.item);

console.log(value);

【讨论】:

  • 这太复杂了,我宁愿只做 if else 并将其分配给普通变量。
  • 您要求解构。剩下的就看你自己了。
  • @AlexYong 只有在一次需要对多个属性执行此操作时,解构才有意义。否则,你还不如const value = object.item[key];
  • 解构时究竟如何使用变量?
猜你喜欢
  • 1970-01-01
  • 2016-06-26
  • 2018-09-15
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2021-10-01
相关资源
最近更新 更多