Udfordring: Brug CSS-moduler i React
Opgave: Byg et brugerkort med CSS-moduler
I denne opgave skal du designe et brugerkort, der viser brugerens foto og relevante oplysninger. Anvend passende stilarter på hver komponent og sørg for korrekt anvendelse. Målet er at opnå følgende brugergrænseflade:
Opgaven er:
- I
UserInfo.jsx-filen skal du importere stilfilen (UserInfo.module.css) og tildele den somstil stilassociation. - For at færdiggøre app-opbygningen skal du importere
UserInfo.jsx-filen iApp.jsx.
- For at importere en fil skal du bruge
import-sætningen og angive kildefilen. - For at associere CSS-filen med s, importér den med
import s from "path_to_the_file";. - For at anvende UserInfo-komponenten i
App-komponenten, brug syntaksen</UserInfo />.
Tak for dine kommentarer!
Spørg AI
Spørg AI
Spørg om hvad som helst eller prøv et af de foreslåede spørgsmål for at starte vores chat
How do I import the CSS module in UserInfo.jsx?
Can you explain how to use the UserInfo component in App.jsx?
What should the folder structure look like for these files?
Awesome!
Completion rate improved to 2.17Udfordring: Brug CSS-moduler i React
Stryg for at vise menuen
Opgave: Byg et brugerkort med CSS-moduler
I denne opgave skal du designe et brugerkort, der viser brugerens foto og relevante oplysninger. Anvend passende stilarter på hver komponent og sørg for korrekt anvendelse. Målet er at opnå følgende brugergrænseflade:
Opgaven er:
- I
UserInfo.jsx-filen skal du importere stilfilen (UserInfo.module.css) og tildele den somstil stilassociation. - For at færdiggøre app-opbygningen skal du importere
UserInfo.jsx-filen iApp.jsx.
- For at importere en fil skal du bruge
import-sætningen og angive kildefilen. - For at associere CSS-filen med s, importér den med
import s from "path_to_the_file";. - For at anvende UserInfo-komponenten i
App-komponenten, brug syntaksen</UserInfo />.
Tak for dine kommentarer!
