React の使い方 #React

こちらのサンプルを React で書き換えました。
DOM の使い方
こちらのページを参考にしました。
Getting Started with React

react@18 に変更しました。

index.html

<!DOCTYPE html>
<html lang="ja">
<head>
<meta http-equiv="CONTENT-TYPE" content="text/html; charset=utf-8">
</head>
<body>
Hello World!<br />
<div id="app"></div>
<script src="https://unpkg.com/react@18/umd/react.development.js"></script>
<script src="https://unpkg.com/react-dom@18/umd/react-dom.development.js"></script>
<script src="https://unpkg.com/@babel/standalone/babel.min.js"></script>
<script type="text/jsx">
const app = document.getElementById('app')
const root = ReactDOM.createRoot(app)
root.render(<h1>こんにちは、皆さん</h1>)
</script>
May/12/2022 AM 09:20<br />
</body>
</html>

サーバーの起動

python -m http.server

http://0.0.0.0:8000/ にブラウザーでアクセス