问题描述
我在使用 React-Beautiful-Dnd 库在我的 web 应用程序上创建拖放系统时遇到了一些问题。我按照教程进行了一切顺利,但我现在正在尝试在我的应用程序中使用它,我需要能够通过用户请求添加和删除 Draggable 对象以及一些添加/删除按钮。问题是,在我尝试移动旧的 Draggable 之一之前,该应用不会重新渲染任何内容。
除此之外,由于某种原因,在调用 onDragEnd 函数后,应用程序找不到当时移动的 Draggable 的 ID。我不知道该怎么做。 我在 CodeSandBox 中编写了该问题的示例代码:https://codesandbox.io/s/zealous-blackwell-f3mmh。如果有人能帮助我,我将不胜感激。
解决方法
当状态改变时,应用似乎不会重新渲染。
一种解决方案是欺骗反应。 查看我的解决方案 https://codesandbox.io/s/keen-rubin-kxj6o?file=/src/App.js
使用 forceUpdate