React Final Form - 單選按鈕在 FieldArray 中不起作用
[英]React Final Form - Radio buttons won't work inside a FieldArray
我有使用 FieldArray 動態呈現的單選按鈕組。<FieldArray name="customers"> {({ fields }) => fields.map((name, index) => ( <div key={name} ...
如何將道具傳遞給 Field 中的組件反應最終形式
[英]How to pass props to component inside Field react final form
我有一個用 react-final-form 創建的表單，里面有一個字段使用功能組件來管理圖像文件。 我有父組件內的組件，但我認為這不是一個好習慣，sonarLint 向我發出警告。 我將組件放在父組件之外，但我需要傳遞一些道具，否則組件將無法正常工作。 在我的內部我無法通過道具，我沒有在 reac ...
反應最終表單如何添加子表單
[英]React final forms how to add child forms
讓沙箱與工作 React 表單數組https://codesandbox.io/s/react-final-form-field-arrays-react-beatiful-dnd-as-drag-drop-forked-uz24z?file=/index.js :5933-6061 其結果是點擊 ...
如何使用 ArrayInput 在 react-admin 列表視圖中填充數據
[英]How to use ArrayInput to populate data in react-admin list view
我有一個react-admin Create視圖，我想使用ArrayInput顯示和填充它，但它似乎忽略了列表的數據。 我試圖加載數據 並手動設置源，但ArrayInput似乎對所有向它提供一些數據的努力不感興趣。 我可以遍歷數據數組並渲染TextFields並相應地刪除按鈕，同時讓ArrayInp ...
如何顛倒將項目添加到 final-form/react-final-form-arrays 中的字段的順序，所以最近的是第一個
[英]How can I reverse the order that items are added to the fields in final-form/react-final-form-arrays so most recent is first
我正在使用 final-form/react-final-form-arrays 庫，有沒有一種方法可以按最先出現的最新字段進行排序。 FieldArray 組件的 fields 屬性類似於數組，但沒有反向 function。 所以每次我添加一個新字段時，例如 fields.push({newOb ...
在自定義輸入字段 React-Final-Form-Arrays 上鍵入時失去焦點
[英]Loosing Focus While Typing On Custom Input Field React-Final-Form-Arrays
我正在使用自定義組件來顯示文本輸入字段，沒有什么特別的，只是基本組件 當我出於某種原因嘗試在 react-final-form-array 中使用此組件時，我在輸入字段上鍵入時失去了焦點，我想這是因為重新渲染。 這是codesandbox上完整代碼的鏈接如您所見，“名字”工作正常，但“姓氏”在鍵入時 ...
我可以使用 ReferenceArrayInput 來編輯對象列表（不僅僅是 ID 列表）嗎？
[英]Can I use ReferenceArrayInput to edit a list of objects (not just a list of IDs)?
在 React-Admin 中，我有一個要管理的項目，它看起來有點像這樣： 標簽作為主項目內的對象列表給出。 我希望能夠管理它，但我在編輯視圖中的代碼是錯誤的： 這不起作用，因為 ReferenceArrayInput 期望record.tags是標簽外鍵的列表。 它實際上是一個標簽列表（ ...
Angular 8 FormArray 索引數據未更新
[英]Angular 8 FormArray index data is not updating
我正在嘗試根據帶有填充內容的初始數據從組創建動態並從組中添加/刪除。 不幸的是它不起作用。 預期的行為是， Coutry 下拉列表將加載數據，並使用已正常工作的選定值突出顯示。 默認情況下，選定的國家/地區下拉數據應使用初始數據stateCode選定值加載，並且在更改當前不起作用的國家 ...
ag-grid 和最終形式的問題
[英]Issues with ag-grid and final-form
我正在努力用 ag-grid 創建一個可編輯的網格。 我發現在使用 react-final-form-array 刪除行時，同時使用渲染器和編輯器（兩者都具有 useField）會產生問題。 請記住，渲染器是單元格的只讀/正常狀態，而編輯器是編輯視圖； 編輯器僅在編輯時呈現。 https:// ...
在嵌套對象中使用 final-form-array
[英]Using final-form-array in a nested object
我有一個場景，我有多個網格，並且在每個網格中可以有多行可以刪除。 我想做類似<FieldArray name="document[0]">這樣的事情，我可以給網格添加和刪除功能，但似乎 fieldarray 只需要單個節點。 有沒有辦法解決這個問題，還是我做錯了什么？ 最初我有do ...
React Forms：如何將輸入數據作為具有相同輸入名稱的列表對象？
[英]React Forms : How to make input data as list objects with same input name?
我將輸入數據發布到 API，其中 API 的結構為具有 n 個對象的數組列表。 問題：我面臨的問題是在處理更改時，我正在替換數據而不是作為另一個對象插入。 我的代碼如下： 列表中的對象是動態的，不限於兩個 在構造函數中-> 處理變更如下： 處理提交： 表單字段如下： 我知 ...
react-final-form 與自動完成組件
[英]react-final-form with autocomplite component
當我與 react-final-form-arrays 連接時，我有動態表單並且 material-ui 的 Autocomplite 組件存在問題，無法獲取所選項目值這是表單代碼 ...
使用 mutator react final form 更新表單 state 時出錯
[英]Getting an error while updating form state using mutator react final form
我正在嘗試通過在下面編寫 function 來更新 state 形式的值 然后我稱之為變異 function 如下所示， 我想使用 mutator function 將 boolean 設置為 true，就像我設置相同（在注釋代碼中提到）並得到一個錯誤，如mutate is not a functi ...
嘗試根據 FieldArray 內部的條件渲染字段反應 JS
[英]trying to render fields on condition based inside FieldArray react JS
我正在嘗試根據傳遞給組件的條件渲染字段，如下所示 ); 而且我不確定上面的代碼在哪里做錯了， isProjectSystem是傳遞給這個組件的 boolean 變量我正在使用帶有最終表單適配器插件的 React JS 任何人都可以提出任何關於此的想法，將不勝感激。 提前致謝 ...
結合 React 最終形式數組和最終形式計算
[英]Combining React Final Form Array and Final Form Calculate
我很難訪問字段數組中的對象以計算字段價格 * 數量 = 總數。 已經為裝飾字段嘗試了一堆正則表達式，包括field: /invoiceItems\[\d+\]/,從這個 PR 訪問和解決方案（ https://github.com/final-form/final-form-calculate/拉/ ...
FormArray 無法在我的反應式表單上打印
[英]FormArray does not print on my Reactive Form
我從 Angular 開始，我很難在表單中設置 FormArray。 總之，我所做的是： 創建2個forms：主（valForm）和另一個動態創建（holidaysForm）。 將第二種形式的值復制到一個數組。 將 Array 的值加載到 FormArray 中。 遵循以下代碼： .ts .ht ...
當使用 react-final-form 從表單數組中刪除元素時，顯示的值<input>不更新，但最終形式的數據對象會
[英]when removing element from form array with react-final-form, the displayed value of the <input> does not update, but final-form data object does
這是一個奇怪的情況。 我簡化了一個 react-final-form-array 示例，它允許我向表單添加元素，並且可以擴展對象數組。 它與 react-final-form-arrays 提供的簡單示例非常相似。 該數組工作得很好，但我遇到的問題是，當我嘗試刪除特定元素時，輸入中顯示的實際值不會改 ...
React：使用 FieldArray 方法更改多步表單中的值
[英]React: change values inside multi step form with FieldArray methods
我有一個用react-final-form制作的多步驟react-final-form ，它使用了FieldArray 。 最終用戶可以添加 X 個房間類型，然后根據該數量下一步將生成房間數組。 這是一個現場演示 - 代碼沙盒 現在，當涉及到第二步（房間配置）時，我需要在一個正在進行的過程中設置默 ...
單擊時驗證最終表單數組
[英]Validating Final Form Array on Click
我正在使用 React Final Form 構建一個應用程序。 在表單中，用戶需要填寫基本輸入字段並添加問題及其選擇。 對於問題和選擇，我使用FieldArray功能。 所以，直到這里一切都很好並且工作正常。 但是，我想向此表單添加另一個功能。 如下圖所示，這是在FieldArray呈現的 Ca ...
React Final Form：根據表單值制定條件
[英]React Final Form: make conditions according to form values
我需要根據用戶在表單的第一步中提示的值生成一定數量的字段。 因為我正在做一個帶有“向導”類的多步驟表單<Condition />組件不起作用。 基本上我需要訪問值（從函數組件內的類中提取它們）以告訴 React 它需要生成的“頁面”的數量。 像這樣的東西： export defau ...