react批量编辑转换输入框过程页面卡顿?

作者站长头像
站长
· 阅读数 12

前端取消分页功能 页面默认展示全部数据,点击编辑操作需要等七八秒才会有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个回答
avatar
test
2024-07-12

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

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