エントリーの編集
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
useActionStateとServer Actionsを利用したフォーム実装(zodでバリデーションも)
記事へのコメント0件
- 注目コメント
- 新着コメント
このエントリーにコメントしてみましょう。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
useActionStateとServer Actionsを利用したフォーム実装(zodでバリデーションも)
動機 ServerActionsでformの実装をするとuseFormStateで実装する記事がほとんどです。 pending状態を取... 動機 ServerActionsでformの実装をするとuseFormStateで実装する記事がほとんどです。 pending状態を取得する場合は、 useFormState と useFormStatus を併用しなければならないため、どうしても処理が煩雑になってしまう それを解消できるreact19の新hooksのuseActionStateで実装したサンプルがあったら「みんなの役に少しでも立てるのかも!」と思って作りました。 実装の過程を載せていた方が、実際の実装の流れをわかりやすく表現できると思ったため、少し長いですが過程も乗せています。 参考 useFormStateとuseFormStatusの問題点についてわかりやすくまとまっています。 前提 next version: 14.3.0-canary.47 (🚨まだ公式サポートされてないので注意) react version: