用类修饰器解决React内存泄露问题,怎样修改才能避免ESLint报错?

发布于 2022-09-11 19:57:48 字数 593 浏览 12 评论 0

为了解决React内存泄露的问题,从网上找到了方法解决,但是相关代码在ESlint中报错比较多,自己尝试着解决这些报错,但是一直没能成功。
求助一下各位大佬。
图片描述

类修饰器的代码

export function injectUnount (target){
  const next = target.prototype.componentWillUnmount
  target.prototype.componentWillUnmount = function () {
      if (next) next.call(this, ...arguments);
      this.unmount = true
   }
  let setState = target.prototype.setState
  target.prototype.setState = function () {
      if ( this.unmount ) return ;
      setState.call(this, ...arguments)
  }
}

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(2

时间你老了 2022-09-18 19:57:48

这样的看到你代码报错的eslint 的规则

  • 参数再次赋值 (168, 173行)
  • 推荐使用es6的不定量参数 (169, 175行)
  • 推荐使用析构(172)
  • 推荐使用 const (172)
  • 推荐使用命名参数,也就是不要使用匿名函数(173, 168)

修改如下:

export function injectUnount (target){
  const next = target.prototype.componentWillUnmount
  const cmp = target;
  cmp.prototype.componentWillUnmount = function componentWillUnmount(...args) {
      if (next) next.call(this, ...args);
      this.unmount = true
   }
  
  const { setState: originalSetState } = target.prototype;

  cmp.prototype.setState = function setState(...args) {
      if ( this.unmount ) return ;
      originalSetState.call(this, ...args)
  }
}

可以试试,可能会出问题,但是我想应该解决大部分报错了

栩栩如生 2022-09-18 19:57:48
/* eslint-disable */

放到顶上

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文