ESLint no-use-before-define

Question

Comment obtenir cette règle ESLint (no-use-before-define) pour ne pas avertir dans des cas comme ceux-ci;

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

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

Ceci est un exemple simplifié, mais j'aimerais vraiment avoir messages défini au bas du fichier de chaque composant (par convention).

Answer 1

Il semble que vous pourriez être intéressé par l'option variables, pour cette règle. Vous pouvez lire sur cette option ici .

Vous pouvez le configurer dans votre .eslintrc, comme ça ...

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

Cela gardera cette règle activée pour d'autres choses, telles que les classes et les fonctions, mais l'assouplira pour les variables.

Answer 2

Avant la ligne render, procédez comme suit:

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

Voir les eslint docs .