Destructing a javascript object to get inner object

Question

I'm using the following code to get object from react state.

const { organizations } = this.state;

The sate object is as following.

this.state = {
    userOrganizations: {},
    OrganizationUsers: {}
}

userOrganizations is actually an object with an inner object named organizations. How can I map this using es6 code?

Edit

What I actually need is to get inner objects of both the userOrganizations and OrganizationUsers using the following code.

const { organizations, users } = this.state;

The organizations and users are sub objects which are inside the userOrganizations and OrganizationUsers.

So when I want to handle them, will they work with just calling

const { organizations, users } = this.state.userOrganizations, this.state.OrganizationUsers;

Answer 1

You can nest destructruring like

const { userOrganizations : { organizations } } = this.state;

or simply write

const {  organizations  } = this.state.userOrganizations;

Answer 2

This is so simple but still many got it wrong. Here is an example of inner destructuring

const obj = {
    someArray: [ 1, 2, 3],
    someInnerObj : {num: 123, txt: 'text'}
}

const {someArray: [first,second], someInnerObj: { num: myNum, txt: meText}} = obj
console.log(first,second,myNum,meText)

Try it in console