ES6 tief verschachteltes Objekt Destrukturierung

Question

Ich habe ein Objekt namens this.props die

{ 
actions: Object, 
dirty: false, 
form: "Statement", 
autofill: functon(), 
**statement: Object** 
} 

statement

{ 
firstName: "John" 
lastName: "Peter" 
isConfirmed: true 
} 

enthält enthält würde Ich mag statement Objekt und die isConfirmed Eigenschaft in der gleichen Zeile es6 Destrukturierung mit extrahieren

Ich habe versucht

const { statement: isConfirmed, isAdmin } = this.props 

, die ich erhalte eine Fehlermeldung, wenn ich let a = isConfirmed, b = statement

Answer 1

Ich möchte Aussage Objekt und die isConfirmed Eigenschaft in der gleichen Zeile

const { statement: { isConfirmed }, statement } = this.props; 

Auf diese Weise können beide isConfirmed erhalten extrahieren und das ganze statement Objekt.

Referenzen:

• https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Operators/Destructuring_assignment#Nested_object_and_array_destructuring