Haaste: Luo Funktiokomponentteja
Luo toiminnallinen React-komponentti, joka näyttää tervehdyksen viestin käyttäen propseja.
Tehtävä koostuu kahdesta osasta:
- Luo lapsikomponentti
- Luo komponentti nimeltä
Greeting. - Hyväksy prop nimeltä
name. - Renderöi
h2-elementti, jonka tekstinä on:Hello, {name}.
- Luo komponentti nimeltä
- Luo vanhempikomponentti
- Luo komponentti nimeltä
App. - Renderöi
Greeting-komponentti sen sisällä. - Välitä arvoksi
"Oliver"propillename.
- Luo komponentti nimeltä
- Renderöi
App-komponentti- Renderöi
App-komponentti käyttäenroot.render.
- Renderöi
- Lapsikomponentti vastaanottaa tietoa propseilla.
- Käytä
{props.name}JSX:n sisällä. - Välitä
name-prop, kun renderöitGreeting-komponentin. App-komponentti tulee renderöidä DOM:iin.
Oliko kaikki selvää?
Kiitos palautteestasi!
Osio 2. Luku 2
Kysy tekoälyä
Kysy tekoälyä
Kysy mitä tahansa tai kokeile jotakin ehdotetuista kysymyksistä aloittaaksesi keskustelumme
Mahtavaa!
Completion arvosana parantunut arvoon 4
Haaste: 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:
- Luo lapsikomponentti
- Luo komponentti nimeltä
Greeting. - Hyväksy prop nimeltä
name. - Renderöi
h2-elementti, jonka tekstinä on:Hello, {name}.
- Luo komponentti nimeltä
- Luo vanhempikomponentti
- Luo komponentti nimeltä
App. - Renderöi
Greeting-komponentti sen sisällä. - Välitä arvoksi
"Oliver"propillename.
- Luo komponentti nimeltä
- Renderöi
App-komponentti- Renderöi
App-komponentti käyttäenroot.render.
- Renderöi
- Lapsikomponentti vastaanottaa tietoa propseilla.
- Käytä
{props.name}JSX:n sisällä. - Välitä
name-prop, kun renderöitGreeting-komponentin. App-komponentti tulee renderöidä DOM:iin.
Oliko kaikki selvää?
Kiitos palautteestasi!
Osio 2. Luku 2