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 />.
Var alt klart?
Tak for dine kommentarer!
Sektion 2. Kapitel 10
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
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 />.
Var alt klart?
Tak for dine kommentarer!
Sektion 2. Kapitel 10
