Wprowadzenie do stanów w React
Następna koncepcja, którą omówimy, nazywa się stany. Stany reprezentują reaktywne zmienne komponentów.
Reaktywność oznacza, że przy zmianie stanu zmiany nastąpią we wszystkich miejscach, gdzie ten stan jest używany. Technicznie jest to osiągane poprzez ponowne renderowanie całego komponentu przy zmianie jakiegokolwiek stanu.
Aby używać stanów, najpierw należy
zaimportować funkcję useState:
import React, { useState } from 'react';
Funkcja useState jako parametr przyjmuje
wartość początkową stanu, a swoim wynikiem
zwraca specjalną tablicę z dwóch elementów.
W pierwszym elemencie tablicy będzie przechowywana
aktualna wartość stanu, a w drugim - funkcja
do zmiany stanu.
Dla poprawnego działania stanów nie można ich zmieniać bezpośrednio, a należy używać funkcji do ich zmiany - tylko wtedy będzie działać reaktywność.
