定时器的应用场景:
- 支付订单的倒计时
- 前端的时钟
- 轮训接口
这里涉及到了lifecycle的使用

componentDidMount()
{
this.timerID = setInterval(
() => this.tick(),
1000
);
}
componentWillUnmount(){
clearInterval(this.timerID)
}
setInterval
setTimeout
antd table的使用
当我去获取服务端的数据的时候,table.loading = true, 获取完毕, table=loading =flase
解构对象:默认情况需要变量名和属性名相同,当然也可以按照下面的方法进行处理
可以从一个对象中提取变量并赋值给和对象属性名不同的新的变量名。
var o = {p: 42, q: true};
var {p: foo, q: bar} = o;
console.log(foo); // 42
console.log(bar); // true
分页
表格的分页
列表的分页
下拉刷新: 其实我们所关心的是下拉刷新的原理是什么?
本质上也是对于事件的监听
上拉加载更多
本文探讨了定时器在支付订单倒计时、前端时钟显示及轮询接口中的应用,深入解析了React组件生命周期中定时器的设置与清除方法。同时,介绍了antd table组件在数据加载时的loading状态控制,以及对象解构赋值的灵活运用。最后,讨论了分页、下拉刷新和上拉加载更多的实现原理。

1万+

被折叠的 条评论
为什么被折叠?



