J'ai créé un fichier JSXUSUS.js dans le dossier Composants, mais lorsque j'importe-le dans l'application.js Son affiche AVERTISSEMENT: 'JSXUSUES' est défini mais jamais utilisé
import React from 'react'
const jsxuses = () => {
return (
<div>
<h1> Hey there!</h1>
</div>
);
}
export default jsxuses;
3 Réponses :
Elément de réact doit être Pascalcasé . Donc, il devrait être
Changer votre JSXUSUX.JS comme: et votre application.js comme: réact de la structure de fichier de la structure de fichier n'est pas superposée mais Les éléments de réaction doivent être Pascalcase pour réagir pour savoir si vous utilisez ou non une fonction, une classe ou un HTMLElementpascaced.
Cherchez plus ici: est Il y a un guide de style officiel ou une convention de dénomination pour des projets réactifs? J'espère que cela vous aide!
En fait, vous devez éviter d'utiliser des étiquettes personnalisées.
Vous devez donc faire P>
import { default as JsxUses } from './components/jsxUses'