ReactチュートリアルシリーズのIn-browser JSX Transform

989 ワード


ブラウザ環境でのJSX Transformの使用方法
 
<script type="text/jsx">
        /** @jsx React.DOM */
        React.renderComponent(<h1> </h1>,document.getElementById('test'));
</script>

<script src="../build/react.js"></script>
<script src="../build/JSXTransformer.js"></script>

 
 
次の点に注意してください.
 
  • scriptのtypeはtext/jsx
  • 注記/**@jsx React.DOM*/は必須
  • renderCOmponentメソッド:
     
  • 最初のパラメータ:類似テンプレート
  • 第2パラメータ:dom
  •  
    単独で取り出す:
     
  • 新しいファイルtest.js,type="text/jsx"

  •  
       
    オフライン変換:
     
  • npm install -g react-tools
  • jsx --watch **/**/

  •  
     
    この文書の内容は次のとおりです.
     
       http://facebook.github.io/react/docs/tooling-integration.html#productionizing-precompiled-jsx
     
       http://facebook.github.io/react/docs/getting-started.html