为了账号安全,请及时绑定邮箱和手机立即绑定

React渲染拓扑图的性能问题?

React渲染拓扑图的性能问题?

慕娘9325324 2018-10-09 12:14:08
从数据库获取节点和链路的数据绘制拓扑图节点上1000个左右,链路几百条的情况。绘图是用D3来画的。项目前端采用了React。1 我现在的实现方法是在componentDidMount中获取节点 链路数据,进行数据处理封装到可绘制的数据,然后通过D3的数据绑定添加相应的节点链路和组元素(svg元素)。所有元素的事件绑定操作也都是在componentDidMount中做事件绑定处理。这样感觉不是很好,至少componentDidMount中的代码量会很多。2 如果通过React做数据绑定的话 有个担心就是元素内容频繁变动引起state绑定值的频繁更改,频繁render() 会不会导致卡呢(性能问题)。比如说节点拖拽会引起节点坐标的在draging过程中不断更新就会引起节点state上的坐标值不断更改和rerender(),因为拓扑节点链路比较多,这个过程(reRender())性能会不会出现问题呢。这种场景下,如果采用React的数据绑定会不会出现性能问题呢?先问下, 自己有空去实践下。
查看完整描述

1 回答

  • 1 回答
  • 0 关注
  • 986 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信