Úvod do stavov v React
Ďalšia koncepcia, ktorú preskúmame, sa nazýva stavy. Stavy predstavujú reaktívne premenné komponentov.
Reaktivita znamená, že pri zmene stavu sa zmeny prejavia na všetkých miestach, kde sa tento stav používa. Technicky sa to dosahuje prekreslením celého komponentu pri zmene akéhokoľvek stavu.
Na používanie stavov je najprv potrebné
importovať funkciu useState:
import React, { useState } from 'react';
Funkcia useState ako parameter prijíma
počiatočnú hodnotu stavu a ako výsledok
vracia špeciálne pole z dvoch prvkov.
V prvom prvku poľa bude uložená
aktuálna hodnota stavu a v druhom - funkcia
na zmenu stavu.
Pre korektnú funkciu stavov ich nemožno meniť priamo, ale treba použiť funkciu na ich zmenu - len vtedy bude fungovať reaktivita.