《React+Redux前端开发实战》—2.4.3 组件的卸载(unmounting)

举报
华章计算机 发表于 2019/07/24 23:47:15 2019/07/24
【摘要】 本节书摘来自华章计算机《React+Redux前端开发实战》一书中的第2章,第2.4.3节,作者是徐顺发.

2.4.3  组件的卸载(unmounting)

  React提供了一个方法:componentWillUnmount()。当组件将要被卸载之前调用,可以在该方法内执行任何可能需要清理的工作。比如清除计时器、事件回收、取消网络请求,或清理在componentDidMount()中创建的任何监听事件等。

  组件的卸载示例:

  

  import React, { Component } from "react";

  export default class Hello extends Component {

  

    componentDidMount() {

      this.timer = setTimeout(() => {

        console.log("挂在this上的定时器");

      }, 500);

    }

    componentWillUnmount() {

      this.timer && clearTimeout(this.timer);

    }

  }


【版权声明】本文为华为云社区用户转载文章,如果您发现本社区中有涉嫌抄袭的内容,欢迎发送邮件进行举报,并提供相关证据,一经查实,本社区将立刻删除涉嫌侵权内容,举报邮箱: cloudbbs@huaweicloud.com
  • 点赞
  • 收藏
  • 关注作者

评论(0

0/1000
抱歉,系统识别当前为高风险访问,暂不支持该操作

全部回复

上滑加载中

设置昵称

在此一键设置昵称,即可参与社区互动!

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。