問題タブ [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.
reactjs - サガからReact Final Formを初期化することは可能ですか?
React と redux-saga を使用しているプロジェクトで、Redux Form から React Final Form に移行しています。プロジェクトでフォームを初期化するための一般的なパターンは次のようになります。
Final Formに似たようなことをする方法はありますか?
ストアでオブジェクトを作成し、それをサガから設定して Final Form のinitialValuesプロップに渡すことはできますが、これは最適な解決策ではないと思われます。アプリケーションのフォームごとにストアを作成したくはありません。
reactjs - 「redux-form」の onSubmitFail に相当するものは何ですか
onSubmitFail は react-final-form には存在しないようですが、同等のものまたは回避策はありますか?
redux-form では、 onSubmitFail 失敗小道具を渡すことができます
react-final-form - 最終フォーム配列に initialValue を設定できません
FieldArrayReact Final Form でコンポーネントの initialValue を設定する際に問題があります。Formコンポーネントに設定すると機能しますが、 FieldArray. 以下の CodeSandbox の例を参照してください。
FieldArray: https://codesandbox.io/s/react-final-form-field-arrays-vq9pz
フォーム: https://codesandbox.io/s/react-final-form-field-arrays-v90nn
ドキュメントhereを見れば可能であるように思われますが、FieldArray に設定することをお勧めします。他の誰かがこれに出くわしましたか?
reactjs - オブジェクトの配列で react-final-from 計算フィールドを使用する方法
react-final-formフィールドを持つオブジェクトの配列がありますsum。最後に、すべての合計の合計を数えたいと思います。だから私はfinal-form-calculateこのような計算フィールドを使用しています:
入力に値を入力すると、console.logが呼び出されますが、合計は更新されません。必要なフィールドから値を選択していないと思います。どうすれば修正できますか？これが私のコードサンドボックスhttps://codesandbox.io/s/react-final-form-calculated-fields-hkd65?fontsize=14です。