Discussions

C'est quoi c'est messages en rouge ? Qu'est ce que cela veut dire ?

Image

Tout fonctionnne bien sur mon site mais dans mon fichier "Superhero.jsx" j'ai des messages en retour en rouge, je l'ai joint à cette question ci-dessous.... et merci pour la réponse 

export default function Superhero({
  nom,     'nom' is missing in props validation
  description,   'description' is missing in props validation
  films = "Aucun film pour ce superhero ",   'films' is missing in props validation
  ...props.  'props' is defined but never used.
}) {
  return (
    <div className="superhero">
      <h2>{nom}</h2>
      <p>{description}</p>

      <b>Films :</b>
      <ul>{films}</ul>
    </div>
  );
}
7 réponses
Image
Philippe Pelletier
Le 08/01/2024 à 07:28

Oh excuse pour l'erreur de frappe, il faut lire : c'est quoi ce message en rouge 

Image
Louis-Nicolas Leuillet
Le 08/01/2024 à 08:02

Hello Philippe. Ce n'est rien ce sont uniquement des messages qui te disent de faire attention car tu n'utilises pas props, et que tu ne vérifies pas ce que tu reçois dans nom, descripion et films

Image
Philippe Pelletier
Le 08/01/2024 à 12:06

Merci pour toutes les réponse, c'est formidable !

 

Image
Christophe Chiappetta
Le 15/01/2024 à 17:50

Comme ces messages me contrariaient... j'ai cherché et trouvé :
dans le fichier .eslintrc.cjs; à la racine de ton projet, tu peux coller :

 rules: {
    'react-refresh/only-export-components': [
      'warn',
      { allowConstantExport: true ,
      "react/prop-types": off,
      }
    ],
},


Et hop ! Plus de message en rouge !!!

 

Meilleure réponse
Image
Louis-Nicolas Leuillet
Le 16/01/2024 à 11:03

Merci pour le partage !

Image
Philippe Pelletier
Le 16/01/2024 à 13:48

Merci bien a vous deux, miracle ça marche juste une question je vous joins le code en pièce jointe après la dernière parenthèse j'ai encore une phrase en rouge qui écrit cela "expression attendue" j'ai essayé le point virgule ou la virgule mais bon c'est pas cela ! Auriez-vous une idée. Encore merci c'est vraiment cool 

 

module.exports = {
  root: true,
  env: { browser: true, es2020: true },
  extends: [
    "eslint:recommended",
    "plugin:react/recommended",
    "plugin:react/jsx-runtime",
    "plugin:react-hooks/recommended",
  ],
  ignorePatterns: ["dist", ".eslintrc.cjs"],
  parserOptions: { ecmaVersion: "latest", sourceType: "module" },
  settings: { react: { version: "18.2" } },
  plugins: ["react-refresh"],
  rules: {
    "react-refresh/only-export-components": [
      "warn",
      { allowConstantExport: true },
    ],
  },
};
rules: {

  'react-refresh/only-export-components'; [

    'warn',

    { allowConstantExport: true ,

    "react/prop-types": off,

    }

  ],

}  "Expression attendue" (en rouge)

Image
Philippe Pelletier
Le 16/01/2024 à 13:57

Merci j'ai trouvé pour la phrase en rouge il faut mettre un point virgule après le crochet et pas la parenthèse et voila le code est nickel chrome...

Image
Inscrivez-vous ou connectez-vous pour participer à la discussion.
Discussion résolue

Informations

Créée le January 8, 2024 6:15 AM
Dernière activité le January 16, 2024 1:57 PM