javascript - D3js 和 React 关于 DOM 操作

Question

D3 dom 操作机制如何影响（如果有的话）React 的虚拟 dom？

我发现很多例子表明这两个库可以很好地协同工作，但没有一个提到这个问题。顺便说一句，这可能根本不是问题，这只是我提出的一个大问题，但找不到回答。

编辑：

我刚刚了解到，只有在“写入”虚拟 dom 时，dom 才会更新。并且总是在从实际“阅读”中“阅读”时在虚拟 dom 上完成。

所以当我使用 D3 直接更新 DOM 时，virtual-dom 对此一无所知，我将无法从 virtual-dom 中读取新的更改。这就是我所害怕的，现在我想知道当我不得不使用 D3 时 React 是如何帮助我的？

Answer 1

在与他们互动时，您遵循每个人的规则。关于反应，您将 d3 dom 操作包装在一个组件中，仅此而已。

根据您使用的组件，您可以拥有在 d3 中执行所有操作的组件，或者编写一些允许您使用 react 组件而不是低级 d3 的原语。