antvis / Graphin

🌌 A React toolkit for graph visualization based on G6.
https://github.com/antvis/graphin
MIT License
1.03k stars 266 forks source link

画布滚动缩放和节点移动功能异常 #516

Open zhibo-wang opened 1 year ago

zhibo-wang commented 1 year ago

Describe the bug

使用了useEffect,graphin画布滚动缩放、鼠标左键按住节点移动,都失效;不使用useEffect,滚动缩放和节点移动都正常。

Your Example Website or App

https://stackblitz.com/edit/stackblitz-starters-eg3h5m?file=src%2FApp.tsx

Steps to Reproduce the Bug or Issue

1.函数组件里使用useEffect,画布滚动缩放、鼠标左键按住节点移动都失效; 2.注释useEffect相关代码,刷新应用,画布滚动缩放、鼠标左键按住节点移动都恢复正常。

Expected behavior

在同一函数组件中,使用useEffect等hooks不影响graphin画布的滚动缩放和节点移动

Screenshots or Videos

No response

Platform

Additional context

No response

zhibo-wang commented 1 year ago

初步原因已排查到,react渲染模式concurrent切换到legacy,就不会出现该问题