Portal on たかおの解説https://takao.blog/ja/tags/portal/Recent content in Portal on たかおの解説Hugo -- gohugo.iojaたかおの解説Sat, 13 Jun 2026 23:11:50 +0900React Portals：モーダルとオーバーレイの高度なパターンhttps://takao.blog/ja/web/react-portal-patterns/Tue, 03 Sep 2024 00:00:00 +0900https://takao.blog/ja/web/react-portal-patterns/<img src="https://takao.blog/img/thumnail.webp" alt="Featured image of post React Portals：モーダルとオーバーレイの高度なパターン" /><p>Reactのポータルは、DOM階層の制約という根本的な問題を解決します。深くネストされたコンポーネント内でモーダルをレンダリングすると、親の<code>z-index</code>スタッキングコンテキストや<code>overflow: hidden</code>によるクリッピングの影響を受けます。ポータルはReactツリー上のコンテキストを保持したまま子要素を別のDOMノードにレンダリングすることで、この問題を解決します。</p>