《React+Redux前端开发实战》—2.4.3 组件的卸载(unmounting)
【摘要】 本节书摘来自华章计算机《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)