Udfordring: Opret Funktionelle Komponenter
Opret en funktionel React-komponent, der viser en hilsen ved hjælp af props.
Opgaven består af to dele:
- Opret en underkomponent
- Opret en komponent kaldet
Greeting. - Accepter en prop kaldet
name. - Render et
h2-element med teksten:Hello, {name}.
- Opret en komponent kaldet
- Opret en forældrekomponent
- Opret en komponent kaldet
App. - Render
Greeting-komponenten indeni. - Giv værdien
"Oliver"tilname-proppen.
- Opret en komponent kaldet
- Render
App-komponenten- Render
App-komponenten ved hjælp afroot.render.
- Render
- Underkomponenten modtager data via props.
- Brug
{props.name}inde i JSX. - Giv
name-proppen, nårGreetingrenderes. App-komponenten skal renderes til DOM'en.
Var alt klart?
Tak for dine kommentarer!
Sektion 2. Kapitel 2
Spørg AI
Spørg AI
Spørg om hvad som helst eller prøv et af de foreslåede spørgsmål for at starte vores chat
Fantastisk!
Completion rate forbedret til 4
Udfordring: Opret Funktionelle Komponenter
Stryg for at vise menuen
Opret en funktionel React-komponent, der viser en hilsen ved hjælp af props.
Opgaven består af to dele:
- Opret en underkomponent
- Opret en komponent kaldet
Greeting. - Accepter en prop kaldet
name. - Render et
h2-element med teksten:Hello, {name}.
- Opret en komponent kaldet
- Opret en forældrekomponent
- Opret en komponent kaldet
App. - Render
Greeting-komponenten indeni. - Giv værdien
"Oliver"tilname-proppen.
- Opret en komponent kaldet
- Render
App-komponenten- Render
App-komponenten ved hjælp afroot.render.
- Render
- Underkomponenten modtager data via props.
- Brug
{props.name}inde i JSX. - Giv
name-proppen, nårGreetingrenderes. App-komponenten skal renderes til DOM'en.
Var alt klart?
Tak for dine kommentarer!
Sektion 2. Kapitel 2