javascript - 将 D3 液体填充量计与 React 结合使用会导致重新渲染问题

标签 javascript d3.js reactjs

因此,我设法将这个 D3 液体填充量计合并到我的 ReactJS 项目中,但是当百分比更改时,我在 react 重新渲染组件时遇到了问题,导致重复的量计渲染,而不是更新百分比。

我有一个可用的 JS Bin 来展示我的意思。 http://jsbin.com/fezifotava/1/edit?js,output

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

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

谢谢!

编辑: 我忘了提及,重新渲染时它甚至不会改变填充级别。所更改的只是显示的百分比。

最佳答案

查看 react-faux-dom ( https://github.com/Olical/react-faux-dom )。它将允许您使用大多数 block 示例,而无需更改任何代码。

关于javascript - 将 D3 液体填充量计与 React 结合使用会导致重新渲染问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36223870/

相关文章:

javascript - 如何使用ajax上传图片到MySql DB......?

javascript - JSQueryUI 可从一个 ul 排序到另一个 ul

javascript - 如何将 JSON 对象放入 setQueryParameter 参数中?

javascript - 在 svg 图表顶部添加 div (D3.js)

javascript - D3.js 如何将力布局的节点安排在一个圆圈上

javascript - 将鼠标悬停在 Chrome 上的 React 中数字输入的递增/递减值按钮上会导致持续增加

javascript - vue.js 基本显示/隐藏方法内部

javascript - 使用 d3 库生成单色调色板

javascript - 用子组件替换父组件

javascript - 如何返回不在 Sidebar 组件内打开侧边栏的 ReactJS 子级