ESLint警告(应使用非回调方法)-如何处理?

时间:2019-01-31 09:21:35

标签: javascript reactjs eslint

如何解决来自ESLint的警告?

我有一个事件侦听器,用于在componentDidMount内部调整大小:

componentDidMount() {
   window.addEventListener('resize', this.resizeEditor);
}

componentWillUnmount() {
   window.removeEventListener('resize', this.resizeEditor);
}

还有我要调整大小的方法:

resizeEditor = () => {
   if (this.editor) this.editor.layout();
}

它是这样工作的,但是我收到警告:

  

[eslint]应该使用非回调方法[class-prefer-methods / prefer-methods]

如果我将箭头功能更改为:

resizeEditor() {
   if (this.editor) this.editor.layout();
}

当然找不到 this.editor 。这超出了范围。

如果我尝试将编辑器传递给我的调整大小功能:

 window.addEventListener('resize', () => this.resizeEditor(this.editor));

 resizeEditor(editor) {
   if (editor) editor.layout();
 }

我再收到一条警告:

  

[eslint]期望类方法“ resizeEditor”使用“ this”。 [类方法使用本]

因此,在这里,我被挡在了什么路上以免收到这些警告。

谢谢!

0 个答案:

没有答案