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:

jsximport 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.