動的に内部でコードが実行されない<script> "text/jsx"タイプの要素

Question

スクリプトを動的にロードする必要があるアプリケーションで作業しています。私はcreateElementメソッドを使ってスクリプトを読み込もうとしました。 Reactアプリケーションなので、scriptタグのtype属性を "text/jsx"に設定する必要があります。私はこのようなものでした：私は「テキスト/ JSX」に属性タイプを設定した場合

var headTag = document.getElementsByTagName("head")[0]; 
    var scriptEle = document.createElement("script"); 
    scriptEle.src = "app.js"; 
    scriptEle.setAttribute("type","text/jsx"); 
    headTag.appendChild(scriptEle); 
    scriptEle.onload = function() { 
    //success 
    } 
    scriptEle.onerror = function(error) { 
    //error 
    } 

を、ファイルapp.js内のコードが実行されていません。また、onloadとonerrorは実行されていません。

typeを "text/jsx"にしてapp.jsコードを実行する方法はありますか？

ありがとうございました。

Answer 1

ブラウザでは理解できない/コンパイルすることができませんjsxその理由はJavaScript JavaScriptです。あなたのコードをネイティブのjavascriptにコンパイルして、ここに組み込むことができます。

Chcek babelここをクリック