當使用 react-final-form 從表單數組中刪除元素時，顯示的值<input>不更新，但最終形式的數據對象會

Question

這是一個奇怪的情況。 我簡化了一個 react-final-form-array 示例，它允許我向表單添加元素，並且可以擴展對象數組。 它與 react-final-form-arrays 提供的簡單示例非常相似。 該數組工作得很好，但我遇到的問題是，當我嘗試刪除特定元素時，輸入中顯示的實際值不會改變。 例如，使用圖像：

在這里我們可以看到我可以將客戶添加到一個列表中，該列表生成一個對象數組。 這很好用。 現在，假設我想擺脫第一個元素。 我點擊 X，會發生什么？

在這里我們可以看到表單數據正確刪除了我想要刪除的第一個元素，但是，輸入中顯示的實際值仍然是 John Doe，盡管表單知道它是 Mary Jane。 當我點擊輸入時，它們似乎更新為正確的值。 但這不是應該發生的事情。

最奇怪的是，我制作了一個代碼和盒子，你可以在這里看到https://codesandbox.io/s/agitated-wilson-5xlqq

它具有與我的應用程序完全相同的代碼，並且按預期工作！ 所以我什至無法重新創建錯誤，並且我確保依賴項與我使用的版本相同。 我只能在我自己的設置中重新創建它，我不明白為什么會這樣。

我嘗試過 chrome、safari 和 firefox，它們似乎都在我的電腦上做同樣的事情，我什至通過連接到我的筆記本電腦上運行的反應服務器來嘗試在我的手機上，它們都表現出相同的行為。

我不知道我可能是什么，版本，反應，如果有人有任何想法或過去有類似的問題，請幫助。 我不會在這里粘貼我的代碼，以免使這篇文章膨脹，但您可以看到它與我上面鏈接的沙箱中的代碼完全相同。

編輯：我想指出另一個發生的錯誤，那就是一旦我刪除了第一個元素，如果我嘗試編輯它，它會將另一個字段推入我剛剛添加的輸入的數組中，就好像它被綁定了一樣。 我希望我能在 codeandbox 上重新創建它

Answer 1

嘗試刪除您的 node_modules 文件夾並重新安裝它們。 您是否在控制台日志中看到任何錯誤？