ESLint no-use-before-define

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を参照してください。