2025-03-28

https://scrapbox.io/files/67e6add508fbc50153e162e3.webp

なんかハイドレーションって難しい事だと思ってたけどReactの場合簡単なんだな、どうやるのかちょっと知らないと分かんないけどrenderToStringでHTMLビルドしてhydrateRootでそのHTMLと対応するコンポーネントを差し込めばいいのか

code:home.tsx

import ReactDOM from "react-dom/client"

export const Home = () => {

return (

<div>

<h1>Home Page</h1>

<p>これはホームページです。</p>

</div>

)

}

if (typeof document !== "undefined") {

ReactDOM.hydrateRoot(document.getElementById("root")!, <Home />)

}

AI

家族にバレずに50万円ヒアリから借りられる広告

https://www.youtube.com/watch?v=mBi7oc_XBlA