ESLint在使用之前不使用

Question

如何在这种情况下不要警告此ESLint规则（no-use-before-define）;

class App extends React.Component {
    render() { return <div>{messages.helloWorld}</div> }
}

const messages = { helloWorld: 'Hello world!' }

这是一个简化的示例，但我真的希望在每个组件的文件底部定义messages（按惯例）。

Answer 1

对于此规则，您可能对variables选项感兴趣。您可以阅读该选项here。

您可以在.eslintrc，like so ...

中对其进行配置

{
  "no-use-before-define": ["error", { "variables": false }]
}

这将使该规则能够用于其他事情，例如类和函数，但会为变量放宽它。

Answer 2

在render行之前，请执行以下操作：

// eslint-disable-next-line no-use-before-define

请参阅eslint docs。

Answer 3

禁用函数和类声明的规则

"rules": {    
  "no-use-before-define": ["error", {"functions": false, "classes": false}]
}