react-native中timer的注意点

最新推荐文章于 2022-04-27 23:08:18 发布

weixin_30528371

最新推荐文章于 2022-04-27 23:08:18 发布

阅读量178

点赞数

CC 4.0 BY-SA版权

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/smart-girl/p/10648664.html

本文介绍了ReactNative中定时器导致的应用闪退问题及其解决方案。强调了在组件卸载前清除定时器的重要性，并提供了具体的代码实现。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

务必在卸载组件前清除定时器！
我们发现很多 React Native 应用发生致命错误（闪退）是与计时器有关。具体来说，是在某个组件被卸载（unmount）之后，计时器却仍然在运行。要解决这个问题，只需铭记在unmount组件时清除（clearTimeout/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);
  }
}

转载于:https://www.cnblogs.com/smart-girl/p/10648664.html