問題タブ [react-final-form-arrays]

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 投票する
2 に答える
2715 参照

reactjs - final-form-arrays の配列に initialValues を指定すると、状態の変更によりフォーム全体がリセットされます。これを防ぐにはどうすればよいですか?

final-form-arrays を使用するフォームがあります。フォームは機能し、検証は機能しますが、コンポーネント内で状態を変更すると、すべての値がリセットされます。

react-final-form-arrays が提供するのと同じ例で問題を再現できました。

https://codesandbox.io/embed/react-final-form-field-arrays-om6p6

状態変更を切り替えるボタンを追加しました。基本的に、フォームに値を入力してから、状態を変更してみてください。フォームがリセットされますが、その理由がわかりません。initialValues を削除すると、これは起こりません。

その理由を知っている人はいますか?

0 投票する
0 に答える
318 参照

reactjs - 複数の画像をreact-final-formにアップロード、置換、削除する方法

フォーム内の 3 つの画像を作成、置換、および削除したいと考えています。私は使用してreact-final-formいますが、これをどのように行うのか疑問に思っていましたか? ページで 3 つのファイル入力を取得できますが、配列内の各ファイルを更新または削除する方法を見つけます。

初期値を次のようにしたいと思います。

次に、画像を 1 つアップロードします

0 投票する
3 に答える
800 参照

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 に設定することをお勧めします。他の誰かがこれに出くわしましたか?