Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Oppiskele Haaste: Elokuvalistan Renderöinti | Uudelleenkäytettävät Komponentit ja Tietovirta
Johdatus Reactiin

Haaste: Elokuvalistan Renderöinti

Pyyhkäise näyttääksesi valikon

Tehtävä

Renderöi elokuvalista käyttämällä map()-metodia.

MovieList-komponentin tulee sisältää:

  1. ul-elementti.

  2. Renderöi li-elementti jokaiselle elokuvalle movies-taulukossa käyttäen map()-metodia.

  3. Jokaisen li-elementin tulee:

  • Näyttää elokuvan nimi.
    • Sisältää yksilöllinen key-prop, jonka arvo on movie.id.

App-komponentti välittää jo moviesData-taulukon MovieList-komponentille.

Aloituskoodi

Avaa alla oleva aloitusprojekti ja täydennä puuttuvat osat komponentista.

Starter code

Ratkaisu

Voit verrata tulostasi lopulliseen ratkaisuun alla.

Solution code

Oliko kaikki selvää?

Miten voimme parantaa sitä?

Kiitos palautteestasi!

Osio 2. Luku 6

Kysy tekoälyä

expand

Kysy tekoälyä

ChatGPT

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

Osio 2. Luku 6
some-alt