導入導出對象內部的對象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