問題タブ [react-final-form]
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.
react-final-form - Bf-cache とフォーム要素
Material-ui と React-final-form を使用しています。ログイン フォームなど、一部のフォーム要素はブラウザ キャッシュから事前入力されます。問題は、これが React-final-form で onChange イベントをトリガーしないことです。これにより、フォーム フィールドの状態が「空」の状態のままになり、視覚的に問題があります。レンダリング サイクルがトリガーされるとすぐに、React-final-form が変更を取得し、UI が適切になります。これをプログラムでトリガーする方法を考えています。
javascript - 生の値または解析された値をフォーム状態に保存する必要がありますか
はじめに:
- 反応のフォームマネージャーとしてformikまたはfinal-formを使用しています
- APIからエンティティを取得します
- フォームの値を編集するには、そのエンティティをマップする必要があります
ケース 1:
- エンティティには ISO 日付プロパティがあります
- onChange が JS 日付オブジェクトを返す日付ピッカーを使用します
フォームの状態に何を保存する必要がありますか: ISO 日付 (文字列) または JS 日付 (オブジェクト)?
ISO 日付を保存する場合、解析は onChange ハンドラで行う必要があります。
ケース 2:
- エンティティにはブール値のプロパティがあります
- onChange が文字列を返す select 要素を使用します
フォームの状態に何を保存する必要がありますか: true (ブール値) または "true" (文字列)?
一般的な質問は次のとおりです。フォームの状態に何を保存するのですか?
使用時に解析できる生の onChange 値は?
または、日付ピッカーが常に ISO 日付または未定義を返すこと、ブール値フィールドが常にブール値または未定義を返すことなどを保証することをお勧めします。
reactjs - react-final-form に渡されたメソッドをモックする方法
反応するのはかなり新しいですが、反応を使用してフォームの検証に取り組んでいます。以下に定義されている createTask() をテストしてみました。
createTask が呼び出されたことをテストできるように、renderForm をモックするにはどうすればよいですか? jest.fn() は私にとってはうまくいきませんでした。
前もって感謝します