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 | Genanvendelige Komponenter og Dataflow
Practice
Projects
Quizzes & Challenges
Quizzer
Challenges
/
Introduktion til React

bookUdfordring: Opret Funktionelle Komponenter

Opret en funktionel React-komponent, der viser en hilsen ved hjælp af props.

Opgaven består af to dele:

  1. Opret en underkomponent
    • Opret en komponent kaldet Greeting.
    • Accepter en prop kaldet name.
    • Render et h2-element med teksten: Hello, {name}.
  2. Opret en forældrekomponent
    • 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.
  • Underkomponenten 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 2. Kapitel 2

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

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 underkomponent
    • Opret en komponent kaldet Greeting.
    • Accepter en prop kaldet name.
    • Render et h2-element med teksten: Hello, {name}.
  2. Opret en forældrekomponent
    • 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.
  • Underkomponenten 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 2. Kapitel 2
some-alt