ant-design / ant-design/pro-components
🐛[BUG] EditableProTable有严重的性能问题 且报错
- 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
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