Comment appliquer CSS sur un composant spécifique?
pour ex: dans App.js, j'ai inclus Connexion, enregistrez les composants pour les itinéraires.
dans LOGIN.CSS J'ai ajouté du CSS et importé dans LOGIN.JS.
maintenant CSS importé dans le composant de connexion est également appliqué dans le composant de registres également.
Comment résoudre ce problème?
3 Réponses :
Dans votre webPack Config
Je n'ai pas utilisé Webpack. Toute autre suggestion sans utiliser de webpack?
Avez-vous créé le projet par Create-React-App? Si oui, vous pouvez exécuter 'NPM Run Eject' et WebPack Config seront dans le dossier de configuration.
Vous faites très bien, car vous vous avez dit que vous avez importé des composants et C'était le problème lorsque je suis bloqué avant deux mois, lorsque j'ai commencé à utiliser CSS dans Reprendre des composants.
Utilisation des modules CSS diffère d'une version à différentes versions de Si vous borocapetez votre projet avec enregistrez dans app root réact Composant fonctionnel.
réacteur .
creat-réact-app version> = v2 , il vous suffit d'utiliser modules CSS , et cela fonctionnera comme le charme.
Veuillez suivre, instructions et installation.
Il existe de nombreuses façons d'appliquer des styles sur votre composant.
Vous pouvez avoir plusieurs fichiers CSS tels que Login.css et qui contient des classes spécifiques de ce fichier.
noms de classe dans Si vous n'êtes pas des styles de resutilisation, il ne sert à rien de créer un fichier index.css et utilisez ce cours dans les endroits requis, ce sera très utile si vous avez beaucoup de composants et que vous souhaitez rendre votre application avec la même chose Styling sur toutes les pages.
CSS et de l'importer. Il suffit de déclarer un styleConst qui est un objet de styles et vous pouvez l'utiliser directement comme
S'il vous plaît montrer que vous enregistrez et connectez le code de composant si possible
Vous pouvez vérifier ici Stackblitz.com/edit/react-loginlogout