reactの小さなdemo

前にreactを習ったことがありますが、またreactを持って書くと言ったときは本当に呆然とした顔をしていたので、reactを最初から見て、最初のhello worldの表示から始めました.
最も基本的なreact_を書くdemo
まずreactを書きます.もちろんブラウザでの実行から始まります.では、最初のコードを見てみましょう.

    
    
    
    
    




   const App = React.createClass({
        render:function () {
            return <h1>Hello, world!</h1>
        }
   });
   ReactDOM.render(
    <App/>,
    document.getElementById('context')
   );

以上のコードでは主に3つのライブラリ:reactが使用されている.js 、react-dom.jsとBrowserjsは、最初にロードする必要があります.ここでreact.jsはReactのコアライブラリ、react-domです.jsはDOMに関する機能を提供する、Browser.jsの役割はJSX構文をJavaScript構文に変換することである.

の最後のラベルのtype属性はtext/babelです.これはReact独自のJSX構文でJavaScriptと互換性がないためです.JSXを使用する場合はtype=「text/babel」を付けます.</li>
</ul>
<h6>jsファイルをhtmlから分離</h6>
<p>新しいファイルAppを作成します.js、そしてさっき<script>中に含まれているコードはAppに書きます.jsでhtmlファイルで以下の変更を行います:</p>
<pre><code><script type="text/babel"src="App.js">
JavaScriptとhtmlの分離に成功し、効果は以前と同じです.
ソースアドレス:https://github.com/yangzhanmei/react_demo/tree/master