問題タブ [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.

0 投票する
7 に答える
35898 参照

javascript - Formik と Material-UI

Material-UI テキスト フィールドで Formik を使用しようとしています。そのようです:

Formik が検証を担当し、Material-UI がルックスを担当するようにしたいと考えています。errors.firstName を TextField コンポーネントに渡したいのですが、エラーが正しく表示されません。それでも読みやすいように修正するにはどうすればよいですか?独自の TextField コンポーネントを作成したくありません。

0 投票する
2 に答える
177 参照

javascript - 生の値または解析された値をフォーム状態に保存する必要がありますか

はじめに:

  • 反応のフォームマネージャーとしてformikまたはfinal-formを使用しています
  • APIからエンティティを取得します
  • フォームの値を編集するには、そのエンティティをマップする必要があります

ケース 1:

  • エンティティには ISO 日付プロパティがあります
  • onChange が JS 日付オブジェクトを返す日付ピッカーを使用します

フォームの状態に何を保存する必要がありますか: ISO 日付 (文字列) または JS 日付 (オブジェクト)?

ISO 日付を保存する場合、解析は onChange ハンドラで行う必要があります。

ケース 2:

  • エンティティにはブール値のプロパティがあります
  • onChange が文字列を返す select 要素を使用します

フォームの状態に何を保存する必要がありますか: true (ブール値) または "true" (文字列)?


一般的な質問は次のとおりです。フォームの状態に何を保存するのですか?

使用時に解析できる生の onChange 値は?

または、日付ピッカーが常に ISO 日付または未定義を返すこと、ブール値フィールドが常にブール値または未定義を返すことなどを保証することをお勧めします。

0 投票する
6 に答える
58485 参照

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のいくつかのドキュメントをグーグル検索しました

そこで、以下のようにしてみましたが、うまくいきません。