D3液体充填ゲージを使用してReactレンダリングの問題を修正する

Question

このD3 Liquid Fill GaugeをReactJSプロジェクトに組み込むことができましたが、パーセンテージが変更されて重複が発生した場合、パーセンテージを更新するのではなく、レンダリングするゲージ。

私は何を意味するのかを示す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）をご覧ください。コードを変更することなく、ほとんどのブロックの例を使用できます。