javascript - ES6 deep nested object destructuring

Question

I have an object called this.props which contains

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

statement contains

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

I would like to extract statement object and the isConfirmed property in the same line using es6 destructuring

I've tried

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

which I get an error when I do let a = isConfirmed, b = statement

Answer 1

I would like to extract statement object and the isConfirmed property in the same line

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

That way you get both isConfirmed and the whole statement object.

References:

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