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。