This question already has an answer here:
ES6: import many files
                                
                                    (1个答案)
                                
                        
                                3年前关闭。
            
                    
我有信心这也是不可能的,大声笑

我将Webpack与babel-preset-es2015babel-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/

10-09 15:10
查看更多