Interval

📂 Naam project: lab-hooks-interval
🔗 Basis project: n/a

Maak een nieuwe React applicatie aan en noem deze lab-hooks-interval.

Maak de volgende componenten aan:

• Het Timer component. Dit component toont de tijd in seconden die verstreken is sinds de component is getoond.
• Het CurrentTime component. Dit component toont de huidige tijd in het formaat hh:mm:ss.
• Het RandomValue component. Dit component toont een willekeurig getal tussen min en max.
• Alle componenten gebruiken setInterval om de tijd te updaten. Gebruik de useEffect hook om dit te doen.

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