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