有没有办法在部分（如 instagram-stories）上拆分 swiper 进度条？

Question

我想创建类似 instagram-story 的分页（React，没有 Jquery），但是在自定义方面有一些问题。尝试使用项目符号，但我不明白如何保存项目符号的先前状态（因为我需要在滑动之前或之后的点上保持保存填充）。

你能推荐我一些东西来实现它吗？谢谢。

Answer 1

您可以通过两种方式处理此问题

1. 为故事对象添加一个新属性（如访问时"isVisited": true），访问时更新此值。因此，下次您打开故事时，仅检查 isVisited=false 故事是否已访问，如果已访问，则跳过并转到下一个故事卡片
2. 维护一个单独的状态来保存visitedStoriesIds，更新这个列表与上面类似。