ESLint no-use-before-Definition

Question

Wie kann ich diese ESLint Regel erhalten (no-use-before-define) nicht in Fällen wie diesen zu warnen,

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

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

Dies ist ein vereinfachtes Beispiel, aber ich würde wirklich messages gerne an der Unterseite der Datei jeder Komponente definiert haben (durch Konvention).

Answer 1

Es sieht aus wie Sie in der variables Option interessiert sein könnten, für diese Regel. Sie können über diese Option here lesen.

Sie können es so konfigurieren, in Ihrem .eslintrc, like so ...

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

Dies wird diese Regel für andere Dinge, wie Klassen und Funktionen aktiviert halten, aber wird es für Variablen entspannen.

Answer 2

Vor der render Linie, dies tun:

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

die eslint docs See.