react.js | 全国個人事業主支援協会

COLUMN コラム

react.js

皆さん、こんにちは！

前回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の拡張子でファイルを保存して開いてみましょう！