Inleiding tot State in React
Die volgende konsep wat ons sal ondersoek, word state genoem. State verteenwoordig reaktiewe veranderlikes van komponente.
Reaktiwiteit beteken dat wanneer state verander, die veranderinge sal plaasvind in alle plekke waar hierdie state gebruik word. Tegnies word dit bereik deur die hele komponent te herrender wanneer enige state verander.
Om state te gebruik, moet jy eers die funksie
useState importeer:
import React, { useState } from 'react';
Die useState funksie neem die aanvanklike
waarde van die state as parameter, en gee 'n
spesiale array van twee elemente as resultaat.
Die eerste element van die array sal die
huidige waarde van die state hou, en die tweede
- 'n funksie om die state te verander.
Vir korrekte werking van state, kan jy dit nie direct verander nie, maar moet die funksie gebruik om dit te verander - slegs dan sal reaktiwiteit werk.