导入导出对象内部的对象 JavaScript

Question

我正在导出要导入到其他模块中的对象。在其他模块中，我不需要完整的对象，而是该导出对象中的其他对象。如何深入到导出对象中的特定对象？

导出的 JS：

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

export default data;

正在导入另一个文件：

import data from './dataModule'

data 这是来自 dataModule 的完整对象，但我只想在完整对象中获取 someObject。我如何才能深入了解仅导入该对象？

import data.someObject from './dataModule'好像不行

Answer 1

您可以使用 object deconstruction ，它看起来像这样：

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

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

如果我们想从导入中获取它，它看起来像这样：

import {name} from './fileWithObj'

导出为：

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

Importing an object that is inside of the exported object JavaScript