React + Formik(+ typescript)でのフォーム実装 - Qiita

背景 Reactでページフォームを作りたい。 → ReduxFormが人気らしいけど、なんか難しい感じがする。 → Formikというやつはどうも簡単にフォームの状態管理ができるらしい。 → Formikでフォームを作ってみよう。 ・・・といった感じです。 この記事は現在Formikは、参考になるサイトが少なく、 公式しかないような状態なんで、日本語の備忘録みたいなものです。 ただ、もし、似たようなことをやっている方がいれば参考になるかもしれません。 環境 react: 16.6.3 react-dom: 16.6.3 typescript: 3.2.2 formik: 1.4.2 yup: 0.26.10 何ができたのか SPAで一連の入力フォームの流れを実装しました。 「入力ページ→確認ページ→(登録)→完了ページ」といった流れです。 *実際の登録処理は記述していません。 入力画面 バ