​​React​TypeScript,useActionState,useFormStatus,フォーム

Thumbnail of post image 157

​

React 19のuseFormStatusを使うと、フォームの中に置いたボタンの部品が、propsなしで送信中かどうかを読めます。使い回せる送信ボタンを作り、押したボタンの見分け方や、pendingがtrueにならない置き方を確かめ ...

​​React​TypeScript,useFormStatus,フォーム

Thumbnail of post image 036

React 19のに渡した関数は、FormDataを受け取って呼ばれます。useFormStatusで子のボタンから送信中を読む方法と、同じコンポーネントで呼ぶと効かない落とし穴を確かめました。

​​React​TypeScript,useActionState,useOptimistic,フォーム

Thumbnail of post image 041

​

React 19のuseActionStateとでフォーム送信を書き直し、useOptimisticで送った内容をすぐ表示しました。投稿フォームの楽観的更新を、ほかのライブラリなしで書くときに使えます。エラーで入力欄が空になる落とし穴 ...

カテゴリー