CODEWITHSUNDEEP
javascriptecmascript-6
chefcurry7
chefcurry7

Reputation: 5241

ES6 deep nested object destructuring

I have an object called this.props which contains

{
 actions: Object,
 dirty: false,
 form: "Statement",
 autofill: function(),
 **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

Upvotes: 104

Views: 50160

Answers (1)

zerkms
zerkms

Reputation: 254926

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:

Upvotes: 189

Related Questions