一般社団法人 全国個人事業主支援協会

COLUMN コラム

皆さん、こんにちは!

前回reactがどんなものか理解したかと思います
では早速reactを体験してみましょう!

以下のソースをメモ帳に書いてみましょう!

<!DOCTYPE html>
<html>
<head>
 <meta charset=”UTF-8″ />
 <title>React</title>
 <script src=”https://unpkg.com/react@17/umd/raect.development.js”></script>
 <script src=”https://unpkg.com/react-dom@17/umd/react-dom.development.js”></script>
</head>
<body>
 <h1>React</h1>
 <div id=”root”>hello world!</div>
 <script>
  let dom = document.querySelector(‘#root’);
  let element = React.createElement( ‘p’, {}, ‘Hello React!’)
  ReactDOM.render(element, dom)
 </script>
</body>
</html>

適当な場所に.htmlの拡張子でファイルを保存して開いてみましょう!

The following two tabs change content below.

栗原 義実

最新記事 by 栗原 義実 (全て見る)

この記事をシェアする

  • Twitterでシェア
  • Facebookでシェア
  • LINEでシェア