Reactを使ってDOM要素を追加する
from
denoとTypeScriptでReactを使いたい
React
を使って
DOM
要素を追加する
ソースコード
denoとTypeScriptでReactを使いたい#63037f507838e30000ab1a2c
のソースコードをベースにしているので、ここにあるコードだけじゃ動かない
昔は
ReactDOM.render()
を使っていたが、最近は
ReactDOM.createRoot()
と
Root.Render()
を使うらしい
Root：
ReactDOMClient.Root
React18からはレンダリングにcreateRootを使おう
code:a.tsx
const root = createRoot(document.body);
const divFoo = <div className="foo"></div>;
root.render(divFoo);
ReactDOM.createRoot()
で
<body>
の直下を指定し、
Root.Render()
で描画している
表示
ブラウザ上でa.htmlを読み込むと水色の四角形が表示される
https://gyazo.com/5e54989108a8c2a75d938a1e5f7f70f6