2016-03-29 21 views
10

React JSを使い始めたばかりです...申し訳ありませんが、type = "text/babel"とtype = "text/jsx"の違いは混乱していますタイプbabelとjsxとの違い

いつご利用いただけますかご理解くださいますようお願いいたします。

答えて

19

Babel is a transpiler入力コードを「純粋な」JavaScriptに変換します。

JSX is a syntax sugarあなたは.jsxを書き、それをtranspiler(通常はBabel)を使用して.jsに変換します。

text/babelと書くと、そのスクリプトを純粋なJavaScriptに変換したいとBabelライブラリに伝えています。

text/jsxと書いた場合、あなたのスクリプトは.jsxであり、あなたのコードを解析するためには、トランスペラレータが必要だと言っています。

webpackやbrowserifyのようなバンドラを設定せずに.jsxやES6を書きたい場合、簡単にするためにBabelをCDNで読み込み、text/babelを使用してください。

+0

あなたの非常に明確な答えを教えていただきありがとうございます....私は尋ねるかもしれません...私は別のファイルからjsxコードを実行する場合...私は.jsとして保存する必要がありますか?それが実行されます..もし私がそれを

関連する問題