Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Lære Udfordring: Opret Funktionelle Komponenter | Sektion
React-Grundlæggende

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

  1. Opret en child-komponent
    • Opret en komponent kaldet Greeting.
    • Accepter en prop kaldet name.
    • Render et h2-element med teksten: Hello, {name}.
  2. Opret en parent-komponent
    • Opret en komponent kaldet App.
    • Render Greeting-komponenten indeni.
    • Giv værdien "Oliver" til name-proppen.
  3. Render App-komponenten
    • Render App-komponenten ved hjælp af root.render.
  • Child-komponenten modtager data via props.
  • Brug {props.name} inde i JSX.
  • Giv name-proppen, når Greeting renderes.
  • App-komponenten skal renderes til DOM'en.
Var alt klart?

Hvordan kan vi forbedre det?

Tak for dine kommentarer!

Sektion 1. Kapitel 7

Spørg AI

expand

Spørg AI

ChatGPT

Spørg om hvad som helst eller prøv et af de foreslåede spørgsmål for at starte vores chat

Sektion 1. Kapitel 7
some-alt