我的应用场景是：每5分钟获取一次120条数据，每一次表格显示两条数据，每5s进行轮播一次。如果所有数据都播放完成，将会从头开始轮播，但是一旦请求的数据获取到了，就会打断之前的轮播，进而轮播新的数据。
表格的样式
我们在这里使用的antdesign的表格，稍微将表格的样式进行修改，并去掉了分页，具体的引用如下：
表格使用
其中dataSource 是表格的数据，根据自己的情况来定，loading是加载动画，可以根据自己的情况进行自定义的定制，columns是表头的设置，可以根据antdesign的说明文档进行详细的了解，因为在我的页面中不需要做分页，所以我将pagination这个属性设置为false。
被模糊掉的是数据的部分。
对下面要用到的是进行实例化
实现的源码
其中有两点是需要注意的：
- 两个定时器要是平级的，一般在编码的时候，不能讲定时器进行嵌套，否则会出现时间的紊乱
- init 主要的作用就是当请求回来的时候，进行新的数据的轮播
上面的代码我是在componentDidMount里面写的，通过setInterval的方法实现轮播，大家如果有跳转的需求，在组件将要挂载的时候，将上面的定时器清除掉，否则会影响性能。
网友评论