Destrukturierung von es6 aber vorbei dynamische Variable

Question

sagt mein state ist wie folgt:

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

Dann bin ich in der Lage a von Element zu ziehen, indem Sie:

const { a } = this.state.item

aber dynamisch ziehen unter Verwendung von {} von es6?

Zum Beispiel const { variable } = this.state.item, wobei die Variable a oder b sein kann.

Answer 1

Als 4castle können Sie Computed object property names and destructuring mit einem zusätzlichen Schlüssel/Wert-Paar Variablen für die Destrukturierung verwenden.

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

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

 
console.log(value);