将D3与React结合使用的最优化方法是什么?

时间:2019-06-27 15:03:53

标签: javascript reactjs d3.js data-visualization

我知道这是一个常见的话题,但这缩小了主要选项的范围。

在React.js应用程序中使用D3时,以下哪个选项可提供最佳性能?

  • 将D3放置在 React Lifecycle方法挂钩或React 16挂钩中以更新状态:componentDidMount或useState。 (并使用Redux)

  • 使用 react-faux-dom 方法。

  

这个概念是向D3提供一个实现所有方法的伪DOM   它会期望DOM具有。假DOM由D3操纵   然后自动呈现为存储在   组件的状态,React可以在其​​中获取更改并启动   更新,包括生命周期方法和对帐   期望。   Thibaut Tiberghien

  • 要使用基于组件的 React D3库。例如:vx library

1 个答案:

答案 0 :(得分:1)

我发现最好的方法是让d3进行计算并将渲染部分传递给react.js。

如果您想尝试一下,我有一个codendbox示例。

https://codesandbox.io/embed/wq2nw3lmml

相关问题