ReactNative中的定时器

98 阅读 0 评论 65 点赞

我是靠谱客的博主孝顺中心，最近开发中收集的这篇文章主要介绍ReactNative中的定时器，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

定时器

延时：setTimeout, clearTimeout
定时器：setInterval, clearInterval

import React,{
Component
} from 'react';
export default class Hello extends Component {
componentDidMount() {
this.timer = setTimeout(
() => { console.log('把一个定时器的引用挂在this上'); },
500
);
}
componentWillUnmount() {
// 请注意Un"m"ount的m是小写
// 如果存在this.timer，则使用clearTimeout清空。
// 如果你使用多个timer，那么用多个变量，或者用个数组来保存引用，然后逐个clear
this.timer && clearTimeout(this.timer);
}
};