Importing an object that is inside of the exported object JavaScript

Question

I am exporting an object to be imported into other modules. In other modules I dont need the full object but other objects inside of that exported object. How can I drill down to the specific object inside of the exported object?

exported JS:

const data = {
    someObject:{//...},
    anotherObject:{//...}
}

export default data;

importing into another file:

import data from './dataModule'

data here is that full object from dataModule but I want to get only someObject inside of the full object. How can I drill down to importing only that object?

import data.someObject from './dataModule' does not seem to work

Tim Roberts · Accepted Answer · 2016-11-18 21:58:28Z

1

You can use object deconstruction which looks something like this:

const obj = {
  name: 'Tim',
  location: {
    lat: 123,
    lng: 321
  }
}

const {name} = obj
const {location: {lat,lng}} = obj

And if we want to get it from import, it looks like this:

import {name} from './fileWithObj'

with an export of so:

const obj = {
      name: 'Tim',
      location: {
        lat: 123,
        lng: 321
      }
    }
export default obj

edited Nov 18, 2016 at 21:58

answered Nov 18, 2016 at 20:59

Tim Roberts

1,1702 gold badges9 silver badges26 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Chipe Over a year ago

Sorry for probably a redundant question here, but how are you exporting const {name} = obj to be consumed where you are importing it?

Tim Roberts Over a year ago

@Chipe, I added a sample export for you. Let me know if you have any questions.

Collectives™ on Stack Overflow

Importing an object that is inside of the exported object JavaScript

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related