Ga naar hoofdinhoud

TextInput

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

Maak een nieuwe React applicatie aan en noem deze lab-events-text-input.

Maak een component TextInput aan met de volgende properties:

  • size: number, het aantal textboxes dat getoond moet worden

Maak een rij van textboxes met de grootte die je meekrijgt als property. Als je een textbox aanpast, toon je een alert met de positie van de textbox en de nieuwe waarde.

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