IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

React Discussion :

eslint et reactjs


Sujet :

React

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre éclairé
    Homme Profil pro
    Etudiant du Genie Logiciel
    Inscrit en
    Juillet 2011
    Messages
    397
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : Cameroun

    Informations professionnelles :
    Activité : Etudiant du Genie Logiciel
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : Juillet 2011
    Messages : 397
    Par défaut eslint et reactjs
    salut,
    comment dois-je configurer "eslint" pour qu'il ne me renvoi plus l'erreur ci-dessous :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    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 : Sélectionner tout - Visualiser dans une fenêtre à part
    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

  2. #2
    Modérateur

    Avatar de NoSmoking
    Homme Profil pro
    Inscrit en
    Janvier 2011
    Messages
    17 209
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Isère (Rhône Alpes)

    Informations forums :
    Inscription : Janvier 2011
    Messages : 17 209
    Par défaut
    Bonjour,
    je voudrais qu'il accepte cette syntaxe.
    regarde du côté de la règle : arrow-body-style.

  3. #3
    Membre Expert
    Avatar de gwyohm
    Homme Profil pro
    Développeur informatique
    Inscrit en
    Octobre 2007
    Messages
    925
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 45
    Localisation : France, Paris (Île de France)

    Informations professionnelles :
    Activité : Développeur informatique

    Informations forums :
    Inscription : Octobre 2007
    Messages : 925
    Par défaut
    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 : Sélectionner tout - Visualiser dans une fenêtre à part
    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;

Discussions similaires

  1. [ReactJS] Récupérer la key et valeur d'un objet
    Par Taylor-Dev dans le forum React
    Réponses: 1
    Dernier message: 31/01/2017, 16h39
  2. Reactjs et bootsrap
    Par kevin254kl dans le forum Général JavaScript
    Réponses: 0
    Dernier message: 24/01/2017, 22h11
  3. ReactJS ou AngularJS 2.0 ?
    Par pretorien67 dans le forum React
    Réponses: 0
    Dernier message: 09/12/2016, 11h36
  4. [ReactJS] Erreur de Refresh d'élément
    Par Cvanhove dans le forum Général JavaScript
    Réponses: 1
    Dernier message: 07/12/2016, 11h14

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo