Introductie tot States in React
Het volgende concept dat we gaan behandelen, heet states. States vertegenwoordigen reactieve variabelen van componenten.
Reactiviteit betekent dat wanneer een state verandert, de wijzigingen op alle plaatsen waar die state wordt gebruikt doorgevoerd worden. Technisch gezien wordt dit bereikt door het herrenderen van het hele component wanneer een state verandert.
Om states te gebruiken, moet je eerst
de functie useState importeren:
import React, { useState } from 'react';
De functie useState accepteert als parameter
de beginwaarde van de state, en retourneert
een speciale array met twee elementen.
Het eerste element van de array bevat
de huidige waarde van de state, en het tweede - een functie
om de state aan te passen.
Voor een correcte werking van states mogen deze niet direct worden gewijzigd; in plaats daarvan moet je de functie voor het wijzigen gebruiken - alleen dan werkt de reactiviteit.
