Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Oppiskele Haaste: Luo Funktiokomponentteja | Uudelleenkäytettävät Komponentit ja Tietovirta
Practice
Projects
Quizzes & Challenges
Visat
Challenges
/
Johdatus Reactiin

bookHaaste: Luo Funktiokomponentteja

Luo toiminnallinen React-komponentti, joka näyttää tervehdyksen viestin käyttäen propseja.

Tehtävä koostuu kahdesta osasta:

  1. Luo lapsikomponentti
    • Luo komponentti nimeltä Greeting.
    • Hyväksy prop nimeltä name.
    • Renderöi h2-elementti, jonka tekstinä on: Hello, {name}.
  2. Luo vanhempikomponentti
    • Luo komponentti nimeltä App.
    • Renderöi Greeting-komponentti sen sisällä.
    • Välitä arvoksi "Oliver" propille name.
  3. Renderöi App-komponentti
    • Renderöi App-komponentti käyttäen root.render.
  • Lapsikomponentti vastaanottaa tietoa propseilla.
  • Käytä {props.name} JSX:n sisällä.
  • Välitä name-prop, kun renderöit Greeting-komponentin.
  • App-komponentti tulee renderöidä DOM:iin.
Oliko kaikki selvää?

Miten voimme parantaa sitä?

Kiitos palautteestasi!

Osio 2. Luku 2

Kysy tekoälyä

expand

Kysy tekoälyä

ChatGPT

Kysy mitä tahansa tai kokeile jotakin ehdotetuista kysymyksistä aloittaaksesi keskustelumme

bookHaaste: Luo Funktiokomponentteja

Pyyhkäise näyttääksesi valikon

Luo toiminnallinen React-komponentti, joka näyttää tervehdyksen viestin käyttäen propseja.

Tehtävä koostuu kahdesta osasta:

  1. Luo lapsikomponentti
    • Luo komponentti nimeltä Greeting.
    • Hyväksy prop nimeltä name.
    • Renderöi h2-elementti, jonka tekstinä on: Hello, {name}.
  2. Luo vanhempikomponentti
    • Luo komponentti nimeltä App.
    • Renderöi Greeting-komponentti sen sisällä.
    • Välitä arvoksi "Oliver" propille name.
  3. Renderöi App-komponentti
    • Renderöi App-komponentti käyttäen root.render.
  • Lapsikomponentti vastaanottaa tietoa propseilla.
  • Käytä {props.name} JSX:n sisällä.
  • Välitä name-prop, kun renderöit Greeting-komponentin.
  • App-komponentti tulee renderöidä DOM:iin.
Oliko kaikki selvää?

Miten voimme parantaa sitä?

Kiitos palautteestasi!

Osio 2. Luku 2
some-alt