Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Lernen Herausforderung: Funktionale Komponenten Erstellen | Wiederverwendbare Komponenten und Datenfluss
Practice
Projects
Quizzes & Challenges
Quizze
Challenges
/
Einführung in React

bookHerausforderung: Funktionale Komponenten Erstellen

Erstellen Sie eine funktionale React-Komponente, die eine Begrüßungsnachricht mithilfe von Props anzeigt.

Die Aufgabe besteht aus zwei Teilen:

  1. Erstellen einer Kindkomponente
    • Erstellen Sie eine Komponente mit dem Namen Greeting.
    • Akzeptieren Sie eine Prop mit dem Namen name.
    • Rendern Sie ein h2-Element mit dem Text: Hello, {name}.
  2. Erstellen einer Elternkomponente
    • Erstellen Sie eine Komponente mit dem Namen App.
    • Rendern Sie die Greeting-Komponente innerhalb dieser Komponente.
    • Übergeben Sie den Wert "Oliver" an die Prop name.
  3. Rendern der App-Komponente
    • Rendern Sie die App-Komponente mit root.render.
  • Die Kindkomponente erhält Daten über Props.
  • Verwenden Sie {props.name} innerhalb von JSX.
  • Übergeben Sie die Prop name beim Rendern von Greeting.
  • Die App-Komponente sollte im DOM gerendert werden.
War alles klar?

Wie können wir es verbessern?

Danke für Ihr Feedback!

Abschnitt 2. Kapitel 2

Fragen Sie AI

expand

Fragen Sie AI

ChatGPT

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

bookHerausforderung: Funktionale Komponenten Erstellen

Swipe um das Menü anzuzeigen

Erstellen Sie eine funktionale React-Komponente, die eine Begrüßungsnachricht mithilfe von Props anzeigt.

Die Aufgabe besteht aus zwei Teilen:

  1. Erstellen einer Kindkomponente
    • Erstellen Sie eine Komponente mit dem Namen Greeting.
    • Akzeptieren Sie eine Prop mit dem Namen name.
    • Rendern Sie ein h2-Element mit dem Text: Hello, {name}.
  2. Erstellen einer Elternkomponente
    • Erstellen Sie eine Komponente mit dem Namen App.
    • Rendern Sie die Greeting-Komponente innerhalb dieser Komponente.
    • Übergeben Sie den Wert "Oliver" an die Prop name.
  3. Rendern der App-Komponente
    • Rendern Sie die App-Komponente mit root.render.
  • Die Kindkomponente erhält Daten über Props.
  • Verwenden Sie {props.name} innerhalb von JSX.
  • Übergeben Sie die Prop name beim Rendern von Greeting.
  • Die App-Komponente sollte im DOM gerendert werden.
War alles klar?

Wie können wir es verbessern?

Danke für Ihr Feedback!

Abschnitt 2. Kapitel 2
some-alt