我知道这是一个常见的话题,但这缩小了主要选项的范围。
在React.js应用程序中使用D3时,以下哪个选项可提供最佳性能?
将D3放置在 React Lifecycle方法挂钩或React 16挂钩中以更新状态:componentDidMount或useState。 (并使用Redux)
使用 react-faux-dom 方法。
这个概念是向D3提供一个实现所有方法的伪DOM 它会期望DOM具有。假DOM由D3操纵 然后自动呈现为存储在 组件的状态,React可以在其中获取更改并启动 更新,包括生命周期方法和对帐 期望。 Thibaut Tiberghien
答案 0 :(得分:1)
我发现最好的方法是让d3进行计算并将渲染部分传递给react.js。
如果您想尝试一下,我有一个codendbox示例。