Uvod v stanja v React
Naslednji koncept, ki ga bomo obravnavali, se imenuje stanja. Stanja predstavljajo reaktivne spremenljivke komponent.
Reaktivnost pomeni, da ob spremembi stanja pride do sprememb na vseh mestih, kjer je to stanje uporabljeno. Tehnično je to doseženo s ponovnim upodabljanjem celotne komponente ob spremembi katerega koli stanja.
Za uporabo stanj je najprej potrebno
uvoziti funkcijo useState:
import React, { useState } from 'react';
Funkcija useState kot parameter sprejme
začetno vrednost stanja, kot rezultat pa
vrne poseben array z dvema elementoma.
V prvem elementu arrayja je shranjena
trenutna vrednost stanja, v drugem pa funkcija
za spreminjanje stanja.
Za pravilno delovanje stanj jih ni dovoljeno spreminjati neposredno, temveč je treba uporabljati funkcijo za njihovo spreminjanje - šele takrat bo delovala reaktivnost.