javascript - 关于 DOM 操作的 D3js 和 React

Question

D3 dom 操作机制如何影响(如果有的话)React 的 virtual-dom？

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

编辑:

我刚刚了解到，只有当“写入”虚拟 dom 时，dom 才会更新。并且始终在虚拟 dom 上完成实际“读取”中的“读取”时。

因此，当我使用 D3 直接更新 DOM 时，virtual-dom 对此一无所知，我将无法从 virtual-dom 读取新的更改。这就是我所担心的，现在我想知道当我必须使用 D3 时 React 如何帮助我？

Answer 1

与他们互动时，您遵循每个人的规则。对于 React，您将 d3 dom 操作包装在一个组件中，就是这样。

根据您使用的组件，您可以拥有执行 d3 中所有操作的组件，或者 write some primitives它允许您使用 React 组件而不是低级 d3。