如何根據需要導入模塊的某些部分？

Question

我試圖找出如何我會寫等價的：

import { AppRegistry, Image } from 'react-native'; 

使用require代替import，如：

var ReactNative = require('react-native'); 

我怎樣才能實現與require相同的功能？

Answer 1

使用destructuring assignment：

const { AppRegistry, Image } = require('react-native'); 

由於require返回包含模塊（react-native）作爲屬性（嘗試登錄require('react-native')），您可以選擇哪些屬性給予明確的綁定，以便所有的出口模塊對象解構賦值，因此它在功能上等同於ES2015模塊語法：

import { AppRegistry, Image } from 'react-native';