jQuery插件与React的集成

我在用 https://dbushell.com/Nestable/

jQuery nestable解决了我的业务需求,在react drag/nestable组件中找不到确切的需求。所以我使用了这个jQuery插件。

已初始化jQuery可嵌套功能,如下所示:

componentDidMount() {
    this.$node = $(this.nestable); // this.nestable is a ref

    this.$node.nestable({
        group: 1,
        maxDepth: 4,
        expandBtnHTML:"",
        collapseBtnHTML:""
    });
}

拖动之后,我可以看到group2出现了两次,我猜jQuery plugin会像下面这样克隆被拖动的元素:

在开发人员工具中:

在react developer tools中,我可以看到DOM是正确的,而在native DOM中则不是!!

是否可以在setState之后用虚拟DOM替换本机DOM,或者是否可以对jQuery处理的跟踪DOM作出反应?

我接受@Patrick Evans的评论,我在这里寻找一个解决方案或者合适的基于react的组件,比如jQuery nestable。