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

Question

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

Answer 1

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