eslint et reactjs

Version imprimable

eslint et reactjs

salut,
comment dois-je configurer "eslint" pour qu'il ne me renvoi plus l'erreur ci-dessous :

Code:

1
2
3
4
5
 
src\pages\Login.js
  Line 4:21:  Unexpected block statement surrounding arrow body; move the returned value immediately after the `=>`  arrow-body-style
 
Search for the keywords to learn more about each error.

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
 
import React from 'react';
import '../styles/login/login.css';
 
const Login = () => {
  return (
    <fragment>
      <div className="bg-cover">
        <h2>Bonjour</h2>
      </div>
    </fragment>
  );
};
 
export default Login;

je voudrais qu'il accepte cette syntaxe.

merci

04/10/2021, 08h02
NoSmoking

Bonjour,

Citation:

je voudrais qu'il accepte cette syntaxe.

regarde du côté de la règle : arrow-body-style.

Au delà de la très juste réponse de nosmoking qui te donnera en effet les clés pour forer/interdire cette syntaxe, la syntaxe attendue est :
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 import React from 'react'; import '../styles/login/login.css'; const Login = () => ( <fragment> <div className="bg-cover"> <h2>Bonjour</h2> </div> </fragment> ); export default Login;