Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Lära Utmaning: Rendera en filmlista | Återanvändbara Komponenter och Dataflöde
Introduktion till React

Utmaning: Rendera en filmlista

Svep för att visa menyn

Uppgift

Rendera en lista med filmer med hjälp av metoden map().

Komponenten MovieList ska innehålla:

  1. Ett ul-element.

  2. Rendera ett li-element för varje film i arrayen movies med hjälp av map().

  3. Varje li-element ska:

  • Visa filmtiteln.
    • Inkludera en unik key-prop som är lika med movie.id.

Komponenten App skickar redan arrayen moviesData till komponenten MovieList.

Startkod

Öppna startprojektet nedan och fyll i de saknade delarna av komponenten.

Starter code

Lösning

Du kan jämföra ditt resultat med den slutgiltiga lösningen nedan.

Solution code

Var allt tydligt?

Hur kan vi förbättra det?

Tack för dina kommentarer!

Avsnitt 2. Kapitel 6

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

Avsnitt 2. Kapitel 6
some-alt