ES6 deep nested object destructuring

Question

I have an object called this.props which contains

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


        

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