Random Cat

📂 Naam project: lab-state-random-cat
🔗 Basis project: n/a

Maak een nieuwe React applicatie aan en noem deze lab-state-random-cat.

Maak een component RandomCat aan met de volgende functionaliteit:

• Het component bevat een button met de tekst Random Cat.
• Als je op de knop klikt, wordt er een willekeurige locatie op je scherm bepaald.
• Op die locatie wordt een afbeelding van Nicolas Cage getoond.
• Als je terug op de knop klikt, wordt de afbeelding op een andere locatie getoond.
• Je mag de volgende afbeelding tonen: https://cataas.com/cat?width=200&height=200

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