問題タブ [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.
ag-grid - ネストされたオブジェクトでの final-form-array の使用
複数のグリッドがあり、各グリッドに削除可能な複数の行を含めることができるシナリオがあります。
私はそのようなことをしたかったのです<FieldArray name="document[0]">が、グリッドに追加機能と削除機能を与えることができますが、fieldarray は単一のノードしか使用しないようです。これに対する回避策はありますか、それとも何か間違っていますか?
最初はdocument1: { [{...fields}] }useField が次のようになっていました。
しかし、セル レベルでの ag-grid と検証の問題により、yup スキーマ検証を使用したかったので、汎用キーを使用した方が簡単だと考えました。
javascript - Angular 8 FormArray インデックス データが更新されない
コンテンツが入力された初期データに基づいてグループからダイナミックを作成し、グループから追加/削除しようとしています。残念ながら、それは機能していません。
期待される動作は、
- 国ドロップダウンにはデータがロードされ、選択された値で強調表示されますが、これはすでに正常に機能しています。
- 選択された国の州のドロップダウン データは、初期データから選択された値でデフォルトでロードされ、
stateCode現在機能していない国も変更されます。 - 追加ボタンをクリックすると、デフォルトで「米国」の国とそれぞれの州のデータが読み込まれます。州のドロップダウンは、デフォルトで「--select--」で選択する必要があります。
注: すべてのデータは API から取得されます。テストの目的 国と州の静的オブジェクトを追加しました。
ここで私の試み
https://stackblitz.com/edit/angular-8-app-example-fkjzfe-wekubn?file=src%2Fapp%2Fapp.component.ts
現在の動作デモ
https://angular-8-app-example-fkjzfe.stackblitz.io/
HTML
TS