This question already has an answer here:
ES6: import many files
(1个答案)
3年前关闭。
我有信心这也是不可能的,大声笑
我将Webpack与
页面加载
/ form.js
我意识到我可以执行if语句,但我希望它依赖于文件系统。也许我需要检查文件是否与节点一起存在。
大多数javascript包装器(webpack,汇总和browserify)也可以理解这种语法(非ES6)。
(1个答案)
3年前关闭。
我有信心这也是不可能的,大声笑
我将Webpack与
babel-preset-es2015
和babel-preset-react
一起使用,并尝试使用在路由之间传递的数据来动态构建表单。页面加载
<Form data={
[
{
element: 'input',
type: 'text',
placeholder: 'Jamie is Sex'
},
{
element: 'input',
type: 'text',
placeholder: 'Jamie is Not Sex'
},
{
element: 'input',
type: 'password',
placeholder: 'Jamie is Not Sex'
}
]
}/>
/ form.js
var buildElements = this.props.data.map(function (item) {
var element = import item['type'] from './'+item['type'];
return element;
});
我意识到我可以执行if语句,但我希望它依赖于文件系统。也许我需要检查文件是否与节点一起存在。
最佳答案
你应该做类似的事情
const buildElements = this.props.data.map(item => require('./' + item.type));
大多数javascript包装器(webpack,汇总和browserify)也可以理解这种语法(非ES6)。
关于javascript - 使用forEach js es2015动态导入,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/36863907/