---

react

reactのHPで

HTMLファイルに以下をリンクして

<script src="https://unpkg.com/react@16/umd/react.development.js" crossorigin></script> <script src="https://unpkg.com/react-dom@16/umd/react-dom.development.js" crossorigin></script>

reactを使えるようにします。

dom

Document Object Model

文章表現による形あるもの。(プログラムの中で動き回るもの)

実行

プログラム

/*HTML*/
<div class="container" mt-5>
  <div id="display" class="text-center">
    <p>asd</p>
  </div>
</div>
<div class="text-center">
  <button class="btn btn-primary">push</button>
</div>

/*script*/
let dom=document.getElementById('display');
let el=React.createElement(
  'p',{},'React Moving'
)
ReactDOM.render(el,dom);

考察