Simpele componenten

📂 Naam project: lab-components-basics
🔗 Basis project: n/a

Maak een nieuwe React applicatie aan en noem deze lab-components-basics.

Maak de volgende componenten aan:

• Header met als props title en subtitle
• List met als props items (array van strings).
  • Elke string wordt getoond in een apart component ListItem met als props text.
  • Gebruik hiervoor de map functie.
  • Gebruik een ongeordende lijst (<ul>) om de items te tonen.
• Footer met als props copy en year

Gebruik deze componenten in de App component om de volgende pagina te maken:

Live voorbeeld

Voorbeeld laden…

Oplossingsvideo

Oplossing downloaden

Eerst zelf proberen!

Maak de oefening eerst zelf, ook als het moeizaam gaat. Pas daarna download je de oplossing om ze met je eigen code te vergelijken.

Als je meteen de oplossing bekijkt, leer je niets. Het zoeken en vastlopen is net het deel waar je het meeste uit leert.

Ik heb het geprobeerd, download