React-Beautiful-Dnd在插入新的可拖动对象后不重新渲染

Question

我在使用React-Beautiful-Dnd库在我的and应用上创建拖放系统时遇到了一些问题。我遵循了教程，一切都很顺利，但我现在正在尝试在我的应用程序中使用它，我需要能够通过用户请求使用一些添加/删除按钮来添加和删除可拖动的对象。问题是，应用程序不会重新渲染任何东西，直到我尝试移动一个旧的Draggables。

除此之外，由于某些原因，在调用onDragEnd函数后，应用程序找不到在该时刻移动的可拖动对象的ID。我不知道该怎么做。我用CodeSandBox编写了这个问题的示例代码：https://codesandbox.io/s/zealous-blackwell-f3mmh。如果有人能帮我，我会非常感激的。

Answer 1

当状态改变时，应用程序似乎不会重新呈现。

一种解决方案是欺骗react。查看我的解决方案https://codesandbox.io/s/keen-rubin-kxj6o?file=/src/App.js

使用forceUpdate

Answer 2

我也有过好几次这样的问题。尝试替换您所写的所有行(至少第28行

let newItems = items;

使用

let newItems = [...items];

问题是，如果你试图修改状态本身，它就不能很好地工作，但如果你创建一个数组的副本，它就能很好地工作(至少对我来说是这样)