エントリーの編集
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
Remixの toast notification について
記事へのコメント0件
- 注目コメント
- 新着コメント
このエントリーにコメントしてみましょう。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
Remixの toast notification について
はじめに Remix で以下のような toast notification を実装する方法について試行錯誤したログです。 今... はじめに Remix で以下のような toast notification を実装する方法について試行錯誤したログです。 今回紹介するサンプル実装はこちらのリポジトリに置いています。 単一のページにおける toast まずは単一のページ内で何かしらのデータを送信し、その成功・失敗を toast で表現したいというケースについて考えます。 実装はシンプルで form submit -> action のレスポンスを useActionData で取得 -> toast を表示という流れになります。 実装イメージ export async function action({ request }: ActionFunctionArgs) { const body = await request.formData(); const name = body.get("name"); return j