Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Leer Uitdaging: Functionele Componenten Maken | Herbruikbare Componenten en Gegevensstroom
Practice
Projects
Quizzes & Challenges
Quizzen
Challenges
/
Introductie tot React

bookUitdaging: Functionele Componenten Maken

Maak een functioneel React-component dat een begroetingsbericht weergeeft met behulp van props.

De opdracht bestaat uit twee delen:

  1. Maak een child-component
    • Maak een component genaamd Greeting.
    • Accepteer een prop genaamd name.
    • Render een h2-element met de tekst: Hello, {name}.
  2. Maak een parent-component
    • Maak een component genaamd App.
    • Render het Greeting-component hierin.
    • Geef de waarde "Oliver" door aan de name-prop.
  3. Render het App-component
    • Render het App-component met behulp van root.render.
  • Het child-component ontvangt data via props.
  • Gebruik {props.name} binnen JSX.
  • Geef de name-prop door bij het renderen van Greeting.
  • Het App-component moet naar de DOM gerenderd worden.
Was alles duidelijk?

Hoe kunnen we het verbeteren?

Bedankt voor je feedback!

Sectie 2. Hoofdstuk 2

Vraag AI

expand

Vraag AI

ChatGPT

Vraag wat u wilt of probeer een van de voorgestelde vragen om onze chat te starten.

bookUitdaging: 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:

  1. Maak een child-component
    • Maak een component genaamd Greeting.
    • Accepteer een prop genaamd name.
    • Render een h2-element met de tekst: Hello, {name}.
  2. Maak een parent-component
    • Maak een component genaamd App.
    • Render het Greeting-component hierin.
    • Geef de waarde "Oliver" door aan de name-prop.
  3. Render het App-component
    • Render het App-component met behulp van root.render.
  • Het child-component ontvangt data via props.
  • Gebruik {props.name} binnen JSX.
  • Geef de name-prop door bij het renderen van Greeting.
  • Het App-component moet naar de DOM gerenderd worden.
Was alles duidelijk?

Hoe kunnen we het verbeteren?

Bedankt voor je feedback!

Sectie 2. Hoofdstuk 2
some-alt