使用forEach js es2015动态导入[重复]

Question

我相信这是不可能的，因为它不起作用哈哈

我正在使用带有 babel-preset-es2015 和 babel-preset-react 的 webpack，并尝试使用路由之间传递的数据动态构建表单。

页面加载

        <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 语句，但我希望它依赖于文件系统。也许我需要用节点检查文件是否存在。

Answer 1

你应该做类似的事情

const buildElements = this.props.data.map(item => require('./' + item.type));

大多数 javascript 打包程序（webpack、rollup 和 browserify）也可以理解这种（非 ES6）语法。