Ga naar hoofdinhoud

Checkbox

πŸ“‚ Naam project: lab-state-visibility-toggle
πŸ”— Basis project: n/a

Maak een nieuwe React applicatie aan en noem deze lab-state-visibility-toggle.

Maak een component Checkbox aan met de volgende functionaliteit:

  • Plaats een checkbox in je component met als label Show/Hide
  • Als de gebruiker de checkbox aanvinkt moet er een div getoond worden met een image als background.
  • Als de gebruiker de checkbox uitzet moet de div verdwijnen.

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