Utmaning: Skapa Funktionella Komponenter
Skapa en funktionell React-komponent som visar ett hälsningsmeddelande med hjälp av props.
Uppgiften består av två delar:
- Skapa en barnkomponent
- Skapa en komponent med namnet
Greeting. - Acceptera en prop med namnet
name. - Rendera ett
h2-element med texten:Hello, {name}.
- Skapa en komponent med namnet
- Skapa en föräldrakomponent
- Skapa en komponent med namnet
App. - Rendera komponenten
Greetinginuti den. - Skicka värdet
"Oliver"till prop:enname.
- Skapa en komponent med namnet
- Rendera komponenten
App- Rendera komponenten
Appmed hjälp avroot.render.
- Rendera komponenten
- Barnkomponenten tar emot data via props.
- Använd
{props.name}i JSX. - Skicka prop:en
namenär du renderarGreeting. - Komponent
Appska renderas till DOM.
Var allt tydligt?
Tack för dina kommentarer!
Avsnitt 2. Kapitel 2
Fråga AI
Fråga AI
Fråga vad du vill eller prova någon av de föreslagna frågorna för att starta vårt samtal
Fantastiskt!
Completion betyg förbättrat till 4
Utmaning: Skapa Funktionella Komponenter
Svep för att visa menyn
Skapa en funktionell React-komponent som visar ett hälsningsmeddelande med hjälp av props.
Uppgiften består av två delar:
- Skapa en barnkomponent
- Skapa en komponent med namnet
Greeting. - Acceptera en prop med namnet
name. - Rendera ett
h2-element med texten:Hello, {name}.
- Skapa en komponent med namnet
- Skapa en föräldrakomponent
- Skapa en komponent med namnet
App. - Rendera komponenten
Greetinginuti den. - Skicka värdet
"Oliver"till prop:enname.
- Skapa en komponent med namnet
- Rendera komponenten
App- Rendera komponenten
Appmed hjälp avroot.render.
- Rendera komponenten
- Barnkomponenten tar emot data via props.
- Använd
{props.name}i JSX. - Skicka prop:en
namenär du renderarGreeting. - Komponent
Appska renderas till DOM.
Var allt tydligt?
Tack för dina kommentarer!
Avsnitt 2. Kapitel 2