Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Lernen Herausforderung: Eine Benutzerprofilkarte Erstellen | React-Grundlagen und Erste Benutzeroberfläche
Einführung in React

Herausforderung: Eine Benutzerprofilkarte Erstellen

Swipe um das Menü anzuzeigen

Aufgabe

Erstellung einer einfachen Benutzerprofilkarte mit JSX. Die Profilkarte muss Folgendes enthalten:

  1. Ein Bild (img-Element).
    • Das src-Attribut muss dem Wert der Variablen avatarUrl entsprechen;
    • Das alt-Attribut muss den Wert User Avatar haben;
    • Das width-Attribut muss den Wert 120 haben.
  2. Eine Überschrift (h2-Element). Der Textinhalt muss Alex Johnson sein.
  3. Ein Absatz (p-Element). Der Textinhalt muss Frontend Developer sein.
  4. Ein weiterer Absatz (p-Element). Der Textinhalt muss Loves React and building UI projects sein.

Startcode

Öffne das untenstehende Starterprojekt und vervollständige die fehlenden Teile der Komponente.

Starter code

Lösung

Das Ergebnis kann mit der finalen Lösung unten verglichen werden.

Solution code

War alles klar?

Wie können wir es verbessern?

Danke für Ihr Feedback!

Abschnitt 1. Kapitel 5

Fragen Sie AI

expand

Fragen Sie AI

ChatGPT

Fragen Sie alles oder probieren Sie eine der vorgeschlagenen Fragen, um unser Gespräch zu beginnen

Abschnitt 1. Kapitel 5
some-alt