【问题标题】:D3js and React regarding DOM manipulationsD3js 和 React 关于 DOM 操作
【发布时间】:2016-01-16 18:41:55
【问题描述】:

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

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

编辑:

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

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

【问题讨论】:

  • 仅供参考,我整理了一个方法列表:gist.github.com/chroth7/a56fafed1efc43737d11 请注意,周围还有许多其他想法(如果您发现任何想法,请告诉我),具体取决于您的项目的上下文!祝你好运。

标签: javascript dom d3.js reactjs virtual-dom


【解决方案1】:

在与他们互动时,您会遵守每个人的规则。关于 react,你将 d3 dom 操作包装在一个组件中,就是这样。

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

【讨论】:

  • 感谢您的回答,但我不明白它如何回答我的问题先生,如果我直接使用 D3,它对 react 的虚拟域有何影响?虚拟 dom 是否在新更改的 dom 上同步?在这种情况下实际发生了什么?
  • 完全独立于虚拟dom。
猜你喜欢
  • 1970-01-01
  • 2020-05-20
  • 2012-03-23
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2018-10-18
  • 1970-01-01
  • 2016-07-10
相关资源
最近更新 更多