Opgave: Opret en encyklopædikilde

I denne opgave skal du oprette en encyklopædikilde bestående af to kort. Hvert kort skal vise et billede og en beskrivelse. Målet er at øve oprettelse af funktionelle komponenter og videregive data til børnekomponenter ved hjælp af props.

Instruktioner:

1. Opret en Card-komponent som en genanvendelig kortskabelon.
2. I Card-komponenten, accepter følgende props:
   • link: URL-adressen til billedet for kortet;
   • alt: Alternativ tekst til billedet;
   • description: Beskrivelsestekst for kortet.
3. Brug Card-komponenten to gange i App-komponenten for at oprette to kort med følgende indhold:

Kort 1 (Om solen):

• Billede-URL: https://codefinity-content-media.s3.eu-west-1.amazonaws.com/code-1/react/introduction-to-react/sun.png
• Alternativ tekst: Angiv en passende beskrivelse.
• Beskrivelse: "Solen skinnede klart og kastede et varmt skær over den rolige strand."

Kort 2 (Om bjerget):

• Billede-URL: https://codefinity-content-media.s3.eu-west-1.amazonaws.com/code-1/react/introduction-to-react/mountain.png
• Alternativ tekst: Angiv en passende beskrivelse.
• Beskrivelse: "Vandreren betragtede i ærefrygt det majestætiske bjerg, der tårnede sig op foran dem."

Sørg for, at både Card- og App-komponenterne er tilpasset korrekt, så kortene vises rigtigt.

Her er en startkode med pladsholdere, som du skal udfylde:

1. Det samme Card-komponent kan anvendes til begge kort, og deres indhold kan styres via props.
2. For at videregive URL'en som en prop, opret en prop kaldet link og angiv URL'en som dens værdi. Indsæt værdien i dobbelte anførselstegn, da det er en streng.
3. Opret tilsvarende props for alt og description og angiv de relevante værdier.
4. For at anvende disse props i det underordnede komponent Card, tilgå dem med dot notation, da props er et objekt.