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

标签 javascript reactjs ecmascript-6 react-router react-redux

我在一个文件中有多个组件或多个常量,如何导入所有这些组件或常量。有什么方法可以导入所有组件而不是在导入语句中提及每个组件。请引用下面的例子;

`
//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'
`

除了这个还有什么办法吗?

最佳答案

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

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

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

关于javascript - 在 react 中从同一文件导入多个组件而不是导入每个组件的正确方法是什么,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/49527177/

相关文章:

javascript - react FlatList renderItem

reactjs - 对话框打开时,material-ui 菜单未关闭

javascript - 是否允许多次重复使用 pg QueryFile

javascript - 在react组件中使用箭头函数绑定(bind)函数,而不是在构造函数中绑定(bind)

javascript - es6 数组返回满足特定条件的所有项目,或者如果所有项目都满足条件则返回第一个项目

javascript - 将 OBJ 插入数组时未定义

javascript - 如何从文本文件中获取文本并将其显示在 <table> 中?

javascript - 从 window.location 获取当前 URL 的文本片段部分

javascript - 如何使用 JavaScript 更改 HTML 标签

javascript - 我可以绕过 child ,让孙子成为 parent 吗? ReactJS