chefcurry7 chefcurry7 - 25 days ago 10
Javascript Question

ES6 deep nested object destructuring

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

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: