react批量编辑转换输入框过程页面卡顿?
前端取消分页功能 页面默认展示全部数据,点击编辑操作需要等七八秒才会有input框显示,取消也是需要等几秒,请教各位大神这种问题如何优化
const arrEditList: any = useMemo(() => {
if (dataSource.length) {
return dataSavedOriginal.current?.map( (item: { id: any, monthList: any }) => {
// 批量获取id
return item.id
})
}}, [dataSource])
编辑按钮
<Button
key="edit"
icon={<IconFont type="icon-bianji" />}
onClick={() => {
console.log('出发编辑')
setEditableKeys(arrEditList)
}}
>
编辑
</Button>
回复
1个回答

test
2024-07-12
antd中虚拟列表组件virtuallist-antd可以使用,指定当前页面展示数据量即可,书写components时会覆盖原有表格样式,需要手动修改,比如 横向滚动会失效 需要找到对应overFlow设置继承父级即可
回复

适合作为回答的
- 经过验证的有效解决办法
- 自己的经验指引,对解决问题有帮助
- 遵循 Markdown 语法排版,代码语义正确
不该作为回答的
- 询问内容细节或回复楼层
- 与题目无关的内容
- “赞”“顶”“同问”“看手册”“解决了没”等毫无意义的内容