Introduktion til stater i React
Det næste koncept, vi vil gennemgå, hedder stater. Stater repræsenterer reaktive variable i komponenter.
Reaktivitet betyder, at når en state ændres, vil ændringer ske på alle steder, hvor denne state bruges. Teknisk opnås dette ved at genopføre hele komponenten når en hvilken som helst state ændres.
For at bruge stater skal du først
importere funktionen useState:
import React, { useState } from 'react';
Funktionen useState tager startværdien for staten
som parameter, og returnerer som sit resultat
et specielt array med to elementer.
I det første element af arrayet vil den
nuværende værdi af staten være gemt,
og i det andet - en funktion
for at ændre staten.
For at stater skal fungere korrekt, kan de ikke ændres direkte, men man bør bruge funktionen for at ændre dem - kun så vil reaktiviteten virke.
