Maaltafels component
Download het starterproject en voer daarna npm install uit.
📂 Naam project:
lab-components-maaltafels
🔗 Basisproject: de vereiste begincode is inbegrepen in het starterproject.
Kopieer de maaltafels code van labo 1 naar een nieuw project en noem deze lab-components-maaltafels en zorg voor de volgende componenten:
-
MultiplicationTable: deze component bevat de logica om de tabel te tonen. Deze component bevat een propertymaxdie het maximum getal aangeeft dat getoond moet worden.<MultiplicationTable max={5} /> -
MultiplicationRow: deze component bevat de logica om 1 rij van de tabel te tonen. Deze component bevat een propertyfactordie het getal aangeeft waarvan de tafel getoond moet worden. Deze component bevat ook een propertymaxdie het maximum getal aangeeft dat getoond moet worden.<MultiplicationRow factor={2} max={5} /> -
Header: deze component bevat de logica om de header van de tabel te tonen. Deze component bevat een propertymaxdie het maximum getal aangeeft dat getoond moet worden.<Header max={5} />
De applicatie moet ongeveer er als volgt uitzien: