alibaba / alibaba/x-render

form-render构建的表单,react组件销毁后,发现schema结构、表单元素、相关子节点等未主动销毁,占用内存未回收,长时间使用卡顿

Open
#1,498 5 comments 0 reactions 1 assignee Claimed by @lhbxs View on GitHub
Dominant language
TypeScript
Stars
7.9k
Forks
1.1k
PR merge metrics
No merged PRs in 30d

Description

**1.依赖仓库的版本(Dependencies versions)**:

- react:17.0.2
- form-render:2.4.2
- table-render:
- antd:4.18.9

**2.问题描述(Bug description)**:
form-render构建的表单,在recat组件中构建使用,发现在react组件销毁后,schema的结构、表单元素、相关子节点等未主动销毁,也并未接触对其的引用,相关节点占用的内存,在组件销毁后,未被垃圾回收机制检测到已解除引用,未回收;已发现有出现内存溢出的现场,长时间使用会造成系统卡顿,甚至无响应;

![image](https://github.com/alibaba/x-render/assets/76464148/9d644b85-0ca0-42de-bf88-91d5f9498beb)

**3.出现问题的 schema demo(Reproduction schema demo)**:
```js
const schema = {
// ...
}
```

**4.最小复现 demo(Reproduction demo)**:

form-render demo https://codesandbox.io/s/unruffled-flower-jl78h
table-render demo https://codesandbox.io/s/sweet-euler-bdoty
fr-generator demo https://codesandbox.io/s/s13sh

Contributor guide

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.