javascript - 如何管理同步 DOM 修改

Question

我不熟悉 react 和助焊剂。我有一个 Web 应用程序，我需要部分使用 React 和 Flux 来开发它。但是，还有其他第三方引擎与应用程序连接并使用纯 javascript 操作网页的 DOM 而无需使用react。

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

Answer 1

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

例如，如果你想让第三方引擎在初始渲染后完全接管你的React component的渲染，你可以实现shouldComponentUpdate() 显式返回 false。

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