Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Lära Utmaning: Skapa Funktionella Komponenter | Återanvändbara Komponenter och Dataflöde
Practice
Projects
Quizzes & Challenges
Frågesporter
Challenges
/
Introduktion till React

bookUtmaning: Skapa Funktionella Komponenter

Skapa en funktionell React-komponent som visar ett hälsningsmeddelande med hjälp av props.

Uppgiften består av två delar:

  1. Skapa en barnkomponent
    • Skapa en komponent med namnet Greeting.
    • Acceptera en prop med namnet name.
    • Rendera ett h2-element med texten: Hello, {name}.
  2. Skapa en föräldrakomponent
    • Skapa en komponent med namnet App.
    • Rendera komponenten Greeting inuti den.
    • Skicka värdet "Oliver" till prop:en name.
  3. Rendera komponenten App
    • Rendera komponenten App med hjälp av root.render.
  • Barnkomponenten tar emot data via props.
  • Använd {props.name} i JSX.
  • Skicka prop:en name när du renderar Greeting.
  • Komponent App ska renderas till DOM.
Var allt tydligt?

Hur kan vi förbättra det?

Tack för dina kommentarer!

Avsnitt 2. Kapitel 2

Fråga AI

expand

Fråga AI

ChatGPT

Fråga vad du vill eller prova någon av de föreslagna frågorna för att starta vårt samtal

bookUtmaning: Skapa Funktionella Komponenter

Svep för att visa menyn

Skapa en funktionell React-komponent som visar ett hälsningsmeddelande med hjälp av props.

Uppgiften består av två delar:

  1. Skapa en barnkomponent
    • Skapa en komponent med namnet Greeting.
    • Acceptera en prop med namnet name.
    • Rendera ett h2-element med texten: Hello, {name}.
  2. Skapa en föräldrakomponent
    • Skapa en komponent med namnet App.
    • Rendera komponenten Greeting inuti den.
    • Skicka värdet "Oliver" till prop:en name.
  3. Rendera komponenten App
    • Rendera komponenten App med hjälp av root.render.
  • Barnkomponenten tar emot data via props.
  • Använd {props.name} i JSX.
  • Skicka prop:en name när du renderar Greeting.
  • Komponent App ska renderas till DOM.
Var allt tydligt?

Hur kan vi förbättra det?

Tack för dina kommentarer!

Avsnitt 2. Kapitel 2
some-alt