【Next.js】モーダルコンポーネントの実装を解説【hooks編】 - Qiita

前書き Next.jsの上でモーダルコンポーネントを実装する手順を解説していこうと思います。ご指摘等ありましたら、コメントしていただけますとありがたいです🙇‍♂️ 【Next.js】環境構築とパッケージを取り込む方法 【Next.js】モーダルコンポーネントの実装を解説【UI編】 【Next.js】モーダルコンポーネントの実装を解説【hooks編】 ←今ココ 以下、本題です。 react-modal-hook react-modal-hookはUIを提供しません。代わりに他の場所で定義されたモーダルコンポーネントをレンダリングする便利な方法を提供してくれます。モーダルのUIを提供してくれるReactのライブラリであるreact-modalと一緒に使うと良いかもしれませんね。公式でも「相性が良い」と書かれていますしね。 For a simple modal component check