エントリーの編集
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
Reactでasync/awaitだけで確認ダイアログを出せるようにする - Crieit
記事へのコメント0件
- 注目コメント
- 新着コメント
このエントリーにコメントしてみましょう。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
Reactでasync/awaitだけで確認ダイアログを出せるようにする - Crieit
今回はNext.jsですが、Reactで確認ダイアログを出す時、confirm関数的なものをawaitで呼べたら楽ちんだ... 今回はNext.jsですが、Reactで確認ダイアログを出す時、confirm関数的なものをawaitで呼べたら楽ちんだよなあと思うのでその実装方法を書きます。そのページに別途ダイアログ用のテンプレートは記述しない方法です。 例えば下記のような感じです。 const onClick = useCallback(async () => { const isConfirmed = await confirm('タイトル', 'OKですか?') if (!isConfirmed) { return } doSomething() }, []) ダイアログの状態管理を作成 まずはダイアログの状態管理を行います。今回は状態管理としてRecoilを使っています。下記のような useConfirmDialog.ts を作成します。 import { useCallback } from 'react'