如何管理同时 DOM 修改

Question

我是反应和助焊剂的新手。我有一个 Web 应用程序，我需要部分使用 React 和 Flux 来开发它。但是，还有另一个第三方引擎与应用程序连接并使用普通 javascript 操作网页的 DOM 而没有反应。

因此，由于基于 React 的组件创建涉及虚拟 dom 概念，因此存在同时 DOM 修改的问题。谁能建议我如何同时管理 React 和第三方引擎的 dom 修改。

Answer 1

您可以查看 React Component 生命周期方法 shouldComponentUpdate() 来决定谁应该负责渲染 DOM。

比如你想让第三方引擎在初始渲染后完全接管你的Reactcomponent的渲染，你可以实现shouldComponentUpdate()显式return false.

shouldComponentUpdate: function(nextProps, nextState) {
    return false;
}