✏️

モーダルの状態管理

2022/9/20 20:212022/11/29 16:43

以下のコマンドでreact-modalをインストール

モーダルのスタイリング

inline styleの使用による実装。

モーダルの開閉は、useStateの状態管理により行う。

isOpenがtrueであればモーダルは開く。

isOpenがfalseであればモーダルは閉じる。

onRequestCloseにisOpenがfalseの場合を加えると、Modalの外をクリックすることでモーダルが閉じる。