从另一个库中使用javaScript移动元素后，React无法更新DOM

问题描述

我正在使用UIKit（排列）功能在屏幕上拖放内容，并且一直很有效，直到我开始出现此错误为止：

QByteArray

UIKit正在将列表元素NotFoundError: Failed to execute 'removeChild' on 'Node': The node to be removed is not a child of this node从一组li移到另一组ul。因为我使用UIKit来处理拖放操作，所以在更改状态之前效果很好，并且需要渲染屏幕时才收到上面的错误。

是否可以丢弃虚拟dom并要求做出响应以重新创建或手动更新虚拟DOM以反映UI上的更改？或欢迎其他任何想法。

按照此文档看来，可以与更改DOM的其他库（https://reactjs.org/docs/integrating-with-other-libraries.html）集成，但是它是旧文档，我发现了一篇博客文章，可以使用此自定义钩子重新创建forceUpdate：

ul

所以我在重新渲染之前调用了forceUpdate，但仍然收到相同的错误

解决方法

必须设法解决这个问题，如果有人提出的黑客解决方案比我的解决方案少，我将把问题悬而未决

我必须将删除的元素重新添加到dom中，这样react才会很高兴并删除，因为添加的额外元素我不必执行任何操作，react并没有添加额外的元素，但是对于一个在分派函数以更新持久数据并重新渲染之前将其删除，我这样做：

  function removed(a) {
    a.srcElement.appendChild(a.detail[1]);
    dispatch({
      type: "deleteTodo",payload: { id: +a.detail[1].id },});
  }

我什至没有注意到该元素已被重新添加以使反应能够删除