Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Apprendre Défi : Modules CSS | Stylisation dans les Applications React
Maîtrise de React

bookDéfi : Modules CSS

Tâche : Construire une Carte Utilisateur avec des Modules CSS

Dans cette tâche, vous allez concevoir une carte utilisateur affichant la photo de l'utilisateur et les informations pertinentes. Appliquez des styles appropriés à chaque composant et assurez-vous de leur bonne utilisation. Notre objectif est d'atteindre cette interface utilisateur :

La tâche est :

  1. Dans le fichier UserInfo.jsx, importez le fichier de styles (UserInfo.module.css) et assignez-le comme s pour l'association de style.
  2. Pour compléter la construction de l'application, importez le fichier UserInfo.jsx dans le App.jsx.
  1. Pour importer un fichier, utilisez l'instruction import et spécifiez le fichier source.
  2. Pour associer le fichier CSS avec les s, importez-le en utilisant import s from "path_to_the_file";.
  3. Pour utiliser le composant UserInfo dans le composant App, utilisez la syntaxe </UserInfo />.

Tout était clair ?

Comment pouvons-nous l'améliorer ?

Merci pour vos commentaires !

Section 2. Chapitre 10

Demandez à l'IA

expand

Demandez à l'IA

ChatGPT

Posez n'importe quelle question ou essayez l'une des questions suggérées pour commencer notre discussion

Awesome!

Completion rate improved to 2.17

bookDéfi : Modules CSS

Glissez pour afficher le menu

Tâche : Construire une Carte Utilisateur avec des Modules CSS

Dans cette tâche, vous allez concevoir une carte utilisateur affichant la photo de l'utilisateur et les informations pertinentes. Appliquez des styles appropriés à chaque composant et assurez-vous de leur bonne utilisation. Notre objectif est d'atteindre cette interface utilisateur :

La tâche est :

  1. Dans le fichier UserInfo.jsx, importez le fichier de styles (UserInfo.module.css) et assignez-le comme s pour l'association de style.
  2. Pour compléter la construction de l'application, importez le fichier UserInfo.jsx dans le App.jsx.
  1. Pour importer un fichier, utilisez l'instruction import et spécifiez le fichier source.
  2. Pour associer le fichier CSS avec les s, importez-le en utilisant import s from "path_to_the_file";.
  3. Pour utiliser le composant UserInfo dans le composant App, utilisez la syntaxe </UserInfo />.

Tout était clair ?

Comment pouvons-nous l'améliorer ?

Merci pour vos commentaires !

Section 2. Chapitre 10
some-alt