ダイナミックインポート私はこれは私が<code>babel-preset-es2015</code> & <code>babel-preset-react</code>でのWebPACKを使用して動的にルーティングの間で渡されたデータを使用してフォームを構築しようとしています笑だけでなく、それは動作しません</p> <p>ことはできません確信してforEachのJS es2015

Question

を使用して。

ページのローディング<フォーム/>

 <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の、ロールアップ、およびbrowserify）だけでなく、この（非ES6）構文を理解することができます。