問題タブ [formik]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
javascript - Formik と Material-UI
Material-UI テキスト フィールドで Formik を使用しようとしています。そのようです:
Formik が検証を担当し、Material-UI がルックスを担当するようにしたいと考えています。errors.firstName を TextField コンポーネントに渡したいのですが、エラーが正しく表示されません。それでも読みやすいように修正するにはどうすればよいですか?独自の TextField コンポーネントを作成したくありません。
javascript - 生の値または解析された値をフォーム状態に保存する必要がありますか
はじめに:
- 反応のフォームマネージャーとしてformikまたはfinal-formを使用しています
- APIからエンティティを取得します
- フォームの値を編集するには、そのエンティティをマップする必要があります
ケース 1:
- エンティティには ISO 日付プロパティがあります
- onChange が JS 日付オブジェクトを返す日付ピッカーを使用します
フォームの状態に何を保存する必要がありますか: ISO 日付 (文字列) または JS 日付 (オブジェクト)?
ISO 日付を保存する場合、解析は onChange ハンドラで行う必要があります。
ケース 2:
- エンティティにはブール値のプロパティがあります
- onChange が文字列を返す select 要素を使用します
フォームの状態に何を保存する必要がありますか: true (ブール値) または "true" (文字列)?
一般的な質問は次のとおりです。フォームの状態に何を保存するのですか?
使用時に解析できる生の onChange 値は?
または、日付ピッカーが常に ISO 日付または未定義を返すこと、ブール値フィールドが常にブール値または未定義を返すことなどを保証することをお勧めします。
reactjs - ReactでFormikでカスタム入力を使用するには?
Formik内でDatePickerを使用しようとしています。しかし、DatePicker の日付をクリックしても、フォームの値は変更されません。代わりに、次のエラーが発生しました。
キャッチされていない TypeError: e.persist は Formik._this.handleChange の関数ではありません (formik.es6.js:5960)
コードを短くします。コードは以下のとおりです
https://github.com/jaredpalmer/formik/issues/187およびhttps://github.com/jaredpalmer/formik/issues/86のいくつかのドキュメントをグーグル検索しました
そこで、以下のようにしてみましたが、うまくいきません。