モーダルの開閉状態を URL で管理する

テクノロジーカテゴリーの変更を依頼記事元:

azukiazusa.dev

51 usersがブックマークコメント

コメント

4

記事へのコメント4件

注目コメント
新着コメント

nemoba そしてサブモーダルに詰む。モーダルってUIの本質的な複雑さを呼び起こすので、利用を局所化するほうが良いよ。

2023/09/25 リンク

rogertroutman モーダルを頻繁に開閉するサイトだとブラウザバックの使い勝手に影響するので、履歴に残す／残さないは適宜取捨選択したほうがいいかも（元いたページに戻るのに意味のない開閉にも全部つきあわされると不便）

2023/09/25 リンク

tadyjp モーダル（ダイアログ）は直前のコンテキストに引っ張られるから、多用したくない派。（記事の例はXみたく追加画面だからそこまでではないが）Notionの検索は単体ページにしてブックマークしたい。

2023/09/25 リンク

tofu-kun モーダルはもーダルい

2023/09/25 リンク

nemoba そしてサブモーダルに詰む。モーダルってUIの本質的な複雑さを呼び起こすので、利用を局所化するほうが良いよ。

2023/09/25 リンク

rogertroutman モーダルを頻繁に開閉するサイトだとブラウザバックの使い勝手に影響するので、履歴に残す／残さないは適宜取捨選択したほうがいいかも（元いたページに戻るのに意味のない開閉にも全部つきあわされると不便）

2023/09/25 リンク

注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています

規約違反を報告

アプリのスクリーンショット

いまの話題をアプリでチェック！

バナー広告なし
ミュート機能あり
ダークモード搭載

アプリをダウンロード

関連記事

{{ total_bookmarks_with_user_postfix }}{{ root_title }}

モーダルの開閉状態を URL で管理する

よくあるモーダルの実装について考えてみましょう。モーダルは名前のとおり、現在開いているか閉じてい... よくあるモーダルの実装について考えてみましょう。モーダルは名前のとおり、現在開いているか閉じているかの状態（モード）があります。状態を管理するときには、React の useState フックを利用する方法がまっさきに思い浮かぶのではないでしょうか？ import { useState } from "react"; import Dialog from '@ui/components/Dialog'; import Button from '@ui/components/Button'; const App = () => { const [isOpen, setIsOpen] = useState(false); return ( <> <Button variant="outlined" onClick={() => setIsOpen(true)}> Open dialog </B

ブックマークしたユーザー

techtech05212024/06/17
masayuki-as2023/10/03
hush_in2023/10/02
thaturn2023/10/02
wozozo2023/09/29
tayutaedomo2023/09/26
yug12242023/09/26
jacoyutorius2023/09/26
zakiy2023/09/26
tadyjp2023/09/25
for-my-internet-demo2023/09/25
Lie_Room2023/09/25
snaka722023/09/25
tofu-kun2023/09/25
yamori04082023/09/25
bwsshk2023/09/25
aravow2023/09/25
ant_mugi2023/09/25

同じサイトの新着

同じサイトの新着をもっと読む

いま人気の記事

いま人気の記事をもっと読む

いま人気の記事 - テクノロジー

いま人気の記事 - テクノロジーをもっと読む

新着記事 - テクノロジー

新着記事 - テクノロジーをもっと読む

設定を変更しましたx