react组件 使用setTimeout 定时隐藏 (有demo)
发布时间：2020-12-15 06:56:32 所属栏目：百科 来源：网络整理
导读：功能需求 1初始化时 展示 1次 图片，1秒后，隐藏 图片 2点击 按钮 展示 1次 图片 ， 1秒后 ， 隐藏 图片 原理 绑定this本身，使用匿名函数 使用setTimeout定时 代码 主要代码 1componentDidMount 加载完毕以后，执行一次 2showSaveCover 展示后，立即执行隐
功能需求1>初始化时 展示 1次 图片，1秒后，隐藏图片 2>点击 按钮 展示 1次 图片，1秒后，隐藏图片
原理绑定this本身，使用匿名函数 使用setTimeout定时
代码主要代码 1>componentDidMount 加载完毕以后，执行一次 2>showSaveCover 展示后，立即执行隐藏 componentDidMount() {
this.showSaveCover();
}
showSaveCover() {
this.setState({
isWarning: true
});
this.hideSaveCover();
}
hideSaveCover() {
var self = this;
if (this.timer) {
clearTimeout(this.timer);
}
this.timer = setTimeout(() => {
self.setState({
isWarning: false
});
},1000);
}
DEMO地址（动手试一试）
https://codepen.io/CandyQiu/pen/JyRdWB
（编辑：李大同） 【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容! |