Ga naar hoofdinhoud

Checkbox Grid

πŸ“‚ Naam project: lab-events-checkbox-grid
πŸ”— Basis project: n/a

Maak een nieuwe React applicatie aan en noem deze lab-events-checkbox-grid.

Maak een nieuw component CheckBox aan met de volgende properties:

  • size: number, de grootte van de grid

Maak een grid van checkboxes met de grootte die je meekrijgt als property. Als je op een checkbox klikt, toon je een alert met de positie van de checkbox en of deze aangevinkt is of niet. Het grid kan je maken met een array van arrays van booleans (type boolean[][]).

Live voorbeeld​

Voorbeeld laden…

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