ant-design Calendar cellRender 自定义单元格的延迟闪烁问题

uz75evzq 于 4个月前发布在其他

关注(0)|答案(6)|浏览(35)

july and aug 月份切换的时候 cell 的闪烁比较明显

没有闪烁

单元格闪烁
| Environment | Info |
| ------------ | ------------ |
| antd | 5.18.0 |
| React | 18.2.0 |
| System | Windows |
| Browser | chrome |

6条答案

Start a new pull request in StackBlitz Codeflow .

动图太模糊了，看不清楚。

2024-07-29.225057.mp4

这个比较清晰

业务逻辑上我在每个cell里渲染了不同的tag，同时也使用了headerRender把月份切换自定义为展平的按钮，切换月份比较方便快一点

当切换月份的操作稍微快那么一点就很容易出现闪烁

具体是什么闪烁，我好像看不太出来。

具体是什么闪烁，我好像看不太出来。

在视频的7s 开始
右下角单元格的内容
这里的逻辑是判断如果不是当前选择的月份，直接hidden处理
经过是否展示的逻辑判断，一开始是展示后来突然变成不展示
像是cell的render函数在日历月份切换mount 后再去 reRender的就有闪烁的现象