Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Leer Uitdaging: Een Filmlijst Weergeven | Herbruikbare Componenten en Gegevensstroom
Introductie tot React

Uitdaging: Een Filmlijst Weergeven

Veeg om het menu te tonen

Taak

Een lijst met films weergeven met behulp van de map()-methode.

De MovieList-component moet bevatten:

  1. Een ul-element.

  2. Een li-element renderen voor elke film in de movies-array met behulp van map().

  3. Elk li-element moet:

  • De filmtitel weergeven.
    • Een unieke key-prop bevatten die gelijk is aan movie.id.

De App-component geeft de moviesData-array al door aan de MovieList-component.

Startcode

Open het onderstaande startproject en vul de ontbrekende delen van de component aan.

Starter code

Oplossing

Je kunt je resultaat vergelijken met de uiteindelijke oplossing hieronder.

Solution code

Was alles duidelijk?

Hoe kunnen we het verbeteren?

Bedankt voor je feedback!

Sectie 2. Hoofdstuk 6

Vraag AI

expand

Vraag AI

ChatGPT

Vraag wat u wilt of probeer een van de voorgestelde vragen om onze chat te starten.

Sectie 2. Hoofdstuk 6
some-alt