State · Koodaus
React-komponentin sisäinen muuttuva tila, jonka päivittyminen renderöi komponentin uudelleen.
State eli tila on komponentin sisäistä dataa joka voi muuttua käyttäjän toiminnan tai tapahtumien seurauksena. Kun state muuttuu, React renderöi komponentin automaattisesti uudelleen päivitetyillä arvoilla. Vibekoodauksessa state tulee vastaan jatkuvasti: lomakkeiden kentät, latausanimaatiot, valikkojen auki/kiinni-tila ja haettu data ovat kaikki statea. useState on yleisin hook yksinkertaiseen tilanhallintaan, mutta monimutkaisemmissa tapauksissa tarvitaan useReduceria tai ulkoista tilanhallintaa. Tekoäly osaa state-hallinnan hyvin, mutta tarkista ettei se luo turhia state-muuttujia.
const [count, setCount] = useState(0) — yksinkertainen laskuri
const [isOpen, setIsOpen] = useState(false) — valikon auki/kiinni-tila
Lomakkeen kenttien arvot statessa: const [email, setEmail] = useState("")
Loading-tila API-kutsun aikana: const [loading, setLoading] = useState(true)
Tutustu kaikkiin vibekoodauksen termeihin.