什么是从同一个文件中导入多个组件的正确方法，而不是导入每个组件

Posted 2023-02-21

【中文标题】什么是从同一个文件中导入多个组件的正确方法，而不是导入每个组件

【英文标题】：what is proper way to import multiple components from same file in react instead of getting each component imported

【发布时间】：2018-09-06 16:56:51

【问题描述】：

我在一个文件中有多个组件或多个常量，我如何导入所有这些组件或常量。有什么方法可以导入所有组件，而不是在 import 语句中提及每个组件。请参考以下示例；

`
//Constants.js
export const var1="something"
export const var2="something"
export const var3="something"
export const var4="something"
export const var5="something"
export const var6="something"
export const var7="something"
.
.
.


//App.js

import var1,var2,var3,var4,...... from './Constants'
`

有什么办法可以代替这个吗？

【参考方案1】：

另一种方法是使用* 语法：

import * as Constants from './Constants';
...
// use as so:
const x = 5 * Constants.var1;

阅读更多：http://2ality.com/2014/09/es6-modules-final.html