ant-design / ant-design/pro-components

🐛[BUG] EditableProTable有严重的性能问题 且报错

Open
#9,275 4 comments 1 reaction 0 assignees View on GitHub
Dominant language
TypeScript
Stars
4.8k
Forks
1.4k
Avg merge
10h 44m
Merged PRs (30d)
3

Description

提问前先看看:

https://github.com/ryanhanwu/How-To-Ask-Questions-The-Smart-Way/blob/main/README-zh_CN.md

### 🐛 bug 描述

使用官方demo,实时编辑行,

当输入框快速输入文本的时候,有明显 延迟感,而且甚至会卡。

并且控制台会报错。valid prop `autoFocus` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.
i. @ index.js:27
Invalid prop `onKeyDown` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.

### 📷 复现步骤

使用官方demo,实时编辑行,然后将react版本和pro-components的版本改成

"@ant-design/pro-components": "2.8.10",
"antd": "5.20.0",
"react": "19.1.0",
"react-dom": "19.1.0"

### 🏞 期望结果

解决卡顿问题

### 💻 复现代码

[demo](https://codesandbox.io/p/devbox/musing-hellman-hqlz7g?workspaceId=ws_8JKAAmswH7MmhX2zZv9gUe)

### © 版本信息

- ProComponents 版本: [e.g. 4.0.0]
- umi 版本
- 浏览器环境
- 开发环境 [e.g. mac OS]

### 🚑 其他信息

Contributor guide

Open the contributing guide

Research direction

Start with the linked CodeSandbox demo and the EditableProTable real-time row-editing entry point, using React 19.1.0, antd 5.20.0, and ProComponents 2.8.10 to reproduce the lag and console errors. Done means fast typing remains responsive and the React.Fragment autoFocus and onKeyDown warnings no longer appear.

Written by the indexing model from the issue text.

Assessment

Tech stack
react, typescript
Domain
frontend, performance
Issue type
Bug
Difficulty
4/5
Estimated time
3-5 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
35/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.