Uitdaging: Functionele Componenten Maken
Maak een functioneel React-component dat een begroetingsbericht weergeeft met behulp van props.
De opdracht bestaat uit twee delen:
- Maak een child-component
- Maak een component genaamd
Greeting. - Accepteer een prop genaamd
name. - Render een
h2-element met de tekst:Hello, {name}.
- Maak een component genaamd
- Maak een parent-component
- Maak een component genaamd
App. - Render het
Greeting-component hierin. - Geef de waarde
"Oliver"door aan dename-prop.
- Maak een component genaamd
- Render het
App-component- Render het
App-component met behulp vanroot.render.
- Render het
- Het child-component ontvangt data via props.
- Gebruik
{props.name}binnen JSX. - Geef de
name-prop door bij het renderen vanGreeting. - Het
App-component moet naar de DOM gerenderd worden.
Was alles duidelijk?
Bedankt voor je feedback!
Sectie 2. Hoofdstuk 2
Vraag AI
Vraag AI
Vraag wat u wilt of probeer een van de voorgestelde vragen om onze chat te starten.
Geweldig!
Completion tarief verbeterd naar 4
Uitdaging: Functionele Componenten Maken
Veeg om het menu te tonen
Maak een functioneel React-component dat een begroetingsbericht weergeeft met behulp van props.
De opdracht bestaat uit twee delen:
- Maak een child-component
- Maak een component genaamd
Greeting. - Accepteer een prop genaamd
name. - Render een
h2-element met de tekst:Hello, {name}.
- Maak een component genaamd
- Maak een parent-component
- Maak een component genaamd
App. - Render het
Greeting-component hierin. - Geef de waarde
"Oliver"door aan dename-prop.
- Maak een component genaamd
- Render het
App-component- Render het
App-component met behulp vanroot.render.
- Render het
- Het child-component ontvangt data via props.
- Gebruik
{props.name}binnen JSX. - Geef de
name-prop door bij het renderen vanGreeting. - Het
App-component moet naar de DOM gerenderd worden.
Was alles duidelijk?
Bedankt voor je feedback!
Sectie 2. Hoofdstuk 2