使用带有React的D3液体填充量表会导致重新渲染问题

Question

所以我设法将这个D3液体填充量表纳入我的ReactJS项目中，但是当百分比发生变化时，我遇到了重新渲染组件的问题，导致重复的仪表渲染，而不是一个更新百分比。< / p>

我有一个工作的JS Bin来表明我的意思。 http://jsbin.com/fezifotava/1/edit?js,output

在这种情况下，当我点击仪表时，它会更改百分比并调用重新渲染方法，而不是仅仅更改切除方法的值。

这是我正在使用的液体填充量表：http://bl.ocks.org/brattonc/5e5ce9beee483220e2f6

谢谢！

编辑： 我忘了提到，它重新渲染时甚至没有改变填充水平。所有改变的都是显示的百分比。

Answer 1

查看react-faux-dom（https://github.com/Olical/react-faux-dom）。它将允许您使用大多数这些块示例而无需更改任何代码。