Herausforderung: Funktionale Komponenten Erstellen
Erstellen Sie eine funktionale React-Komponente, die eine Begrüßungsnachricht mithilfe von Props anzeigt.
Die Aufgabe besteht aus zwei Teilen:
- 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}.
- Erstellen Sie eine Komponente mit dem Namen
- 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 Propname.
- Erstellen Sie eine Komponente mit dem Namen
- Rendern der
App-Komponente- Rendern Sie die
App-Komponente mitroot.render.
- Rendern Sie die
- Die Kindkomponente erhält Daten über Props.
- Verwenden Sie
{props.name}innerhalb von JSX. - Übergeben Sie die Prop
namebeim Rendern vonGreeting. - Die
App-Komponente sollte im DOM gerendert werden.
War alles klar?
Danke für Ihr Feedback!
Abschnitt 2. Kapitel 2
Fragen Sie AI
Fragen Sie AI
Fragen Sie alles oder probieren Sie eine der vorgeschlagenen Fragen, um unser Gespräch zu beginnen
Großartig!
Completion Rate verbessert auf 4
Herausforderung: 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:
- 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}.
- Erstellen Sie eine Komponente mit dem Namen
- 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 Propname.
- Erstellen Sie eine Komponente mit dem Namen
- Rendern der
App-Komponente- Rendern Sie die
App-Komponente mitroot.render.
- Rendern Sie die
- Die Kindkomponente erhält Daten über Props.
- Verwenden Sie
{props.name}innerhalb von JSX. - Übergeben Sie die Prop
namebeim Rendern vonGreeting. - Die
App-Komponente sollte im DOM gerendert werden.
War alles klar?
Danke für Ihr Feedback!
Abschnitt 2. Kapitel 2