Bevezetés a React állapotaiba
A következő koncepció, amelyet megvizsgálunk, a állapotok. Az állapotok a komponensek reaktív változóit jelentik.
A reaktivitás azt jelenti, hogy az állapot megváltoztatásakor a változások az állapot használatának minden helyén megtörténnek. Technikailag ezt úgy érik el, hogy az egész komponens újrarenderelése történik valamelyik állapot megváltozásakor.
Az állapotok használatához először importálni kell
a useState függvényt:
import React, { useState } from 'react';
A useState függvény paraméterként az
állapot kezdeti értékét veszi fel,
eredményül pedig egy speciális, két elemű tömböt ad vissza.
A tömb első elemében az állapot
jelenlegi értéke található, a másodikban pedig az
állapot megváltoztatására szolgáló függvény.
Az állapotok helyes működéséhez azokat nem szabad közvetlenül módosítani, hanem a megváltoztatásukra szolgáló függvényt kell használni - csak akkor fog működni a reaktivitás.
