当前位置: 首页 > 工具软件 > Light Table > 使用案例 >

[Ant Design Pro] ProTable 的轻量级搜索异常

况浩邈
2023-12-01

BUG描述: 在基于ant design pro的脚手架进行开发时,表格组件使用了ProTable,并采用

 search={{
            filterType: 'light',
        }}

由于表格不是置顶(表格上方还有其他内容),在第一次点击搜索栏的第一个按钮时,发现整个页面滚动到首部。在第二次点击时正常,无自动滚动。

排查过程:

  1. 首先查阅官网API试图查询蛛丝马迹,但是一个相关API都没有
  2. 怀疑是自己这个column有问题,但是发现只要在第一个位置的搜索项都会出现这个问题
  3. 下载ant design pro 全量项目,试图复现,复现失败(放弃去github 提issure)
  4. 开始玄学看源码,完全没有结果
  5. 摇人求助——失败
  6. 怀疑人生

最后有个老哥拉了下代码,发现他本地没有这个问题。。。

结论
umi框架问题或node_modules问题

解决方案

删库重装

那么可能有朋友要问了,为啥删库,重新安装node_modules不行嘛。不行。。。因为umi会产生很多中间文件(.umi)似乎除了src下的文件,还有什么其他地方也会受影响。所以不好删干净。直接clone重装最为省事。

 类似资料: