おすすめ書籍はじめに前回はInertiaの基本的な内容について書いてみました。今回はもう少し実践的内容という事で、Inertiaで用意しているフォームリクエスト周りの機能について紹介したいと思います。前回同様に、Laravel+Reactの組み合わせです。フォームヘルパーReactでフォームリクエストを実装する際は、useStateフックを使用して実装する事が多いと思いますが、Inertiaではフォームに特化したuseFormフックを使う事が出来ます。Sailに含まれるサンプルログイン画面を参考にuseFormフックの使い方を見たいと思います。in</PrimaryButton></div></form></GuestLayout>);}ポイント上記例では、useFormで以下のような関数や値を使用しています。一般的なフォーム送信に必要な事項揃っているかと思います。引数に初期値を設定する。ここでは、email、password、rememberの3つでそれぞれ空白となっています。関数だけでフォームデータをPOST通信しています。他に、get、put、delete、patchも用意されています。ここでは、通信中はログインボタンをdisableにして複数回クリック出来ないようにしています。値をデフォルト値に戻す事が出来ます。フィールド名を含めるとそのフィールドが消去され、何も指定しないと全ての値がデフォルト値に戻るようです。関数を使い、送信前のフォームデータを編集する事が出来ます。値を見て通信結果を表示する事が出来ます。通信が成功するとそれぞれtrueの値がセットされます。2秒間だけtrueがセットされるので、フラッシュメッセージ表示に利用出来ます。''}</span>ローディング表示Progressライブラリのラッパーが用意されています。app.jsxファイルの設定で表示内容を変更する事が出来ます。...})デフォルトの状態だとグルグル表示が画面右上に小さく表示されるだけなので、app.cssファイルにCSSを追加して表示を変更した方が良いかと思います。下は、画面中央に100pxサイズで表示する際の例です。h-[100px]}さいごにuseFormを利用する事でフォームデータの管理からフラッシュメッセージ表示まで一通りの事を簡潔に実装出来そうです。機会があれば使ってみてください。助言を提供するものではありません。仮想通貨の投資・損益計算は複雑であり、個々の取引状況や法律の変更によって異なる可能性があります。ブログに記載された情報は参考程度のものであり、特定の状況に基づいた行動の決定には専門家の助言を求めることをお勧めします。当ブログの情報に基づいた行動に関連して生じた損失やリスクについて、筆者は責任を負いかねます。最新の法律や税務情報を確認し、必要に応じて専門家に相談することをお勧めします。コメントをキャンセルメールアドレスが公開されることはありません。名前メールサイト上に表示された文字を入力してください。記事下部にて、filterメソッドを使用している箇所がありましたが、forEachの方が適しているとご指摘がありましたので、修正しました。私たちは無料アプリもリリースしています、ぜひご覧ください。下記のアイコンから無料でダウンロードできます。