本文介绍了一种在React中为子组件优雅地添加卸载逻辑的方法，通过自定义高阶组件实现对componentWillUnmount的增强，确保组件在卸载前能够正确执行清理操作，并阻止已卸载组件的setState调用。
react 子组件引入父组件加不上类名
function inject_unount (target) {
// 改装componentWillUnmount，销毁的时候记录一下
let next = target.prototype.componentWillUnmount
target.prototype.componentWillUnmount = function () {
if (next) next.call(this, ...arguments);
this.unmount = true
}
// 对setState的改装，setState查看目前是否已经销毁
let setState = target.prototype.setState
target.prototype.setState = function () {
if ( this.unmount ) return ;
setState.call(this, ...arguments)
}
}
@inject_unount
class BaseComponent extends Component {
}
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
