React：集成在js中有很多DOM构建的外部库

Question

我使用的一些非反应库使用javascript执行一些DOM生成。理想情况下，我希望在反应的渲染周期中发生这种情况，但反应并没有实现某些DOM功能。

即。一个库想要创建一个用于显示标题的片段（使用jQuery），最后调用document.createDocumentFragment。

一个简单的解决方法是让库在组件装载或更新时进行渲染。但是我尝试使用虚拟DOM进行渲染。有没有更好的方法来重新创建或移植库？

Answer 1

您需要一个“门户网站”。 看看https://github.com/ryanflorence/react-training/blob/gh-pages/lessons/05-wrapping-dom-libs.md 这很好地解释了解决方案，如下所示：

方法：

1. DOM libs通常操纵DOM
2. React尝试重新渲染并找到一个与上次不同的DOM并且吓坏了
3. 我们通过破坏渲染树然后重新连接lib操纵的DOM来隐藏来自React的DOM操作。
4. 我们组件的消费者可以留在React-land。