Introduksjon til tilstander i React
Neste konsept som vi skal gå gjennom, heter tilstander. Tilstander representerer reaktive variabler i komponenter.
Reaktivitet betyr at når en tilstand endres, vil endringer skje på alle steder der denne tilstanden brukes. Teknisk oppnås dette ved å re-rendre hele komponenten ved endring av en hvilken som helst tilstand.
For å bruke tilstander må du først
importere funksjonen useState:
import React, { useState } from 'react';
Funksjonen useState tar som parameter
startverdien til tilstanden, og returnerer
en spesiell matrise med to elementer.
I det første elementet i matrisen vil
nåværende verdi av tilstanden lagres,
og i det andre - en funksjon
for å endre tilstanden.
For korrekt funksjon av tilstander kan de ikke endres direkte, men man bør bruke funksjonen for å endre dem - bare da vil reaktivitet fungere.