antvis / antvis/Graphin

在vue3中使用veaury库引入react和grapin做拓扑图组件

Open
#515 1 comment 0 reactions 0 assignees View on GitHub
Dominant language
TypeScript
Stars
1.1k
Forks
275
PR merge metrics
No merged PRs in 30d

Description

### Describe the bug

正确加载react组件,在进行vue3 的路由切换是报错 Maximum call stack size exceeded ,排查后发现是组件Graphin 报错,但不知道是什么原因导致的

### Your Example Website or App

暂无

### Steps to Reproduce the Bug or Issue

创建一个vue3组件 安装 veaury库,使用
import ReactV from './react/index'
import {applyReactInVue} from 'veaury'
components: { ReactV :applyReactInVue(ReactV)},

在reactv组件里使用

要加载此组件,在vue路由跳转会报错堆栈溢出。加载其他react组件不会例如 表格。
我在veaury库的issus中作者提到堆栈溢出是由于vue 的某个属性一直循环引用渲染视图导致堆栈溢出,但我这里并没有使用变量来控制,变量都在react组件内部使用

### Expected behavior

正常加载,

### Screenshots or Videos

_No response_

### Platform


Windows
Chrome
Version:116.0.5845.182

### Additional context

_No response_

Contributor guide

Open the contributing guide

Research direction

The report identifies a Vue 3 wrapper using ./react/index, veaury’s applyReactInVue, and Graphin, but provides no repository test or app. Reproduce the route-switching case with the stated Graphin props, compare it with the working table component, and document a confirmed cause and expected normal navigation behavior.

Written by the indexing model from the issue text.

Assessment

Tech stack
react, typescript
Domain
data-visualization, frontend
Issue type
Bug
Difficulty
4/5
Estimated time
3-5 days
Activity status
Stale
Clarity
Needs clarification
Newbie friendliness
25/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.