Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

渲染问题,表单在线上/预发环境输入明显卡顿 ,代理到本地资源卡顿消失 #854

Closed
gdc1998 opened this issue Jul 15, 2022 · 5 comments
Assignees

Comments

@gdc1998
Copy link

gdc1998 commented Jul 15, 2022

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

  • react:17.0.47
  • form-render:1.9.13
  • table-render:
  • antd:4.21.5

2.问题描述(Bug description)

  1. 表单改变一次,form 实例所在的组件会render3次
  2. 当表单有array结构时,线上预发输入明显卡顿 fr自带的list组件 与自定义的都有同样的问题 ,资源代理到本地卡顿会消失

3.最小复现 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

@siyi98
Copy link
Collaborator

siyi98 commented Jul 19, 2022

贴下代码?

@chenqien
Copy link

同样有这个问题,官方示例也是一样的。

@gdc1998
Copy link
Author

gdc1998 commented Jul 26, 2022

以官网demo列表的展示 对象数组为例。 当数据增加至20条左右input长按输入/删除 有明显卡顿 ,若为两个list结构 没10条就会出现卡顿 (本地复现)

自定义为例
https://codesandbox.io/s/peaceful-driscoll-b9nick?file=/src/App.js
list数据增加至10条左右 第一个输入框输入长按删除 明显卡顿(预发复现,本地未卡顿)

@siyi98
Copy link
Collaborator

siyi98 commented Sep 19, 2022

重复渲染的次数太多了...本地也能复现...目前设计上存在一些问题,是想在XRender2.0解决的,我先归档到discussion里: #770

@siyi98 siyi98 closed this as completed Sep 20, 2022
@StrongerD
Copy link

重复渲染的次数太多了...本地也能复现...目前设计上存在一些问题,是想在XRender2.0解决的,我先归档到discussion里: #770

这个问题目前解决了吗 为什么form-render某个组件的onChange 会导致整个表单重新渲染呢

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

4 participants