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:

jsximport 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.