「React入門」ReactDOM.renderの使い方

2019年12月31日

1.react-domモジュールをimportする
<script src="/react.development.js"></script>
<script src="/react-dom.development.js"></script>
<script src="/babel.min.js"></script>

2.render関数
第1引数が書き出す内容
第2引数が引き出す場所の指定

3.サンプルコード

  <div id="example"></div>
    <script type="text/babel">
	  var i = 5;
      ReactDOM.render(
      	<div>
      	  <h1>{i == 5 ? 'True!' : 'False'}</h1>
        </div>
      	,
      	document.getElementById('example')
      );
    </script>

結果：True