Úvod do stavů v Reactu
Další koncept, který si rozebereme, se nazývá stavy. Stavy představují reaktivní proměnné komponent.
Reaktivita znamená, že při změně stavu dojde ke změnám na všech místech, kde je tento stav použit. Technicky je toho dosahováno přerenderováním celého komponentu při změně jakéhokoli stavu.
Pro použití stavů je nejprve nutné
importovat funkci useState:
import React, { useState } from 'react';
Funkce useState parametrem přijímá
počáteční hodnotu stavu a svým výsledkem
vrací speciální pole ze dvou prvků.
V prvním prvku pole bude uložena
aktuální hodnota stavu a ve druhém - funkce
pro změnu stavu.
Pro korektní fungování stavů je nelze měnit přímo, ale je třeba používat funkci pro jejich změnu - pouze tehdy bude fungovat reaktivita.