Lære Udfordring: Brug CSS-Moduler i React | Stylingteknikker i React-applikationer

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:

Importér stilarket (UserInfo.jsx) i filen UserInfo.module.css og tildel det som s til stilforbindelse.
For at færdiggøre appen skal du importere filen UserInfo.jsx i App.jsx.

For at importere en fil, anvendes import-sætningen og kildefilen angives.
For at tilknytte CSS-filen til s, importeres den med import s from "path_to_the_file";.
For at benytte UserInfo-komponenten i App-komponenten, anvendes syntaksen </UserInfo />.

Var alt klart?

Tak for dine kommentarer!

Sektion 2. Kapitel 10

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

Suggested prompts:

How do I import the CSS module in UserInfo.jsx?

Can you explain how to use the imported styles in the component?

How do I import and use the UserInfo component in App.jsx?

Awesome!

Completion rate improved to 2.17

Stryg for at vise menuen

Opgave: Byg et brugerkort med CSS-moduler

Opgaven er:

Importér stilarket (UserInfo.jsx) i filen UserInfo.module.css og tildel det som s til stilforbindelse.
For at færdiggøre appen skal du importere filen UserInfo.jsx i App.jsx.

For at importere en fil, anvendes import-sætningen og kildefilen angives.
For at tilknytte CSS-filen til s, importeres den med import s from "path_to_the_file";.
For at benytte UserInfo-komponenten i App-komponenten, anvendes syntaksen </UserInfo />.

Var alt klart?

Tak for dine kommentarer!

Sektion 2. Kapitel 10