nju33ノート一覧へ簡単なフォーム実装までuseFormikを使う方法が一番簡単だと思います。このフックはフォームを操作する為の様々なハンドラーを返します。以下のように使います。...};useFormikはいくつらオプションを受け取ります。ここではまだ全て書きませんが、initialValuesとonSubmitは必須、validateはオプショナルですがほぼ置いたほうが良いので取り上げます。initialValuesはそのフォームの初期値でオブジェクトで指定します。'',};のような感じです。太郎'のような値を置いてあげます。onSubmitは投稿した際に発火するハンドラーです。アクションを流したり様々なことができます。このハンドラーは下記のバリデーションチェックで返すオブジェクトが空(エラーが無い)場合のみ発火されます。validateはフォーム値のバリデーションチェックを行います。この関数はフォーム内のformik.handleChangeが呼ばれる度実行されます。その関数にはその時のvaluesは引数として渡されるので、値が正しいかどうかを確認できます。この関数で返したオブジェクトはformik.errorsの中身として渡されるので、formik.errorsの対象のプロパティがあるかどうかや、それにエラーメッセージがあるかどうかでエラーメッセージの出し分けができます。);};ここで使ってるformikプロパティはhandleSubmitとhandleChange、errorsの3つです。errorsは上記のバリデーションチェックの辺りに書きました。formik.handleSubmitを対象の<form>タグに必ず渡します。サイクルを回してonSubmitを発火してくれます。<input>や<textarea>タグなど入力を期待する要素にはformik.handleChangeを設定します。このハンドラーを設定するタグにはnameかid属性が必ず必要です。その名前を見て、その名前のvaluesのプロパティ値を更新する為です。上記のフォームではinput[name=foo]がありますが、nameという値にはバリデーションで'foo'しか渡せないようになってます。}}>{formik.errors.foo}</span>のような要素を表示するといったことができます。