Question

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

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

页面加载＆lt;表格/＆gt;

        <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'
                }
            ]
          }/>

＆LT;表格/＆gt; / 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，汇总和browserify）也可以理解这种（非ES6）语法。

使用forEach js es2015进行动态导入

1 个答案: