Johdatus Reactin tiloihin
Seuraava käsite, jota käsittelemme, on nimeltään tilat (states). Tilat edustavat komponenttien reaktiivisia muuttujia.
Reaktiivisuus tarkoittaa, että kun tilaa muutetaan, muutokset tapahtuvat kaikissa paikoissa, joissa tätä tilaa käytetään. Teknisesti tämä saavutetaan renderöimällä koko komponentti uudelleen kun mitä tahansa tilaa muutetaan.
Jotta voit käyttää tiloja, sinun on ensin
tuotava useState -funktio:
import React, { useState } from 'react';
useState -funktio saa parametrinaan
tilan alkuarvon ja palauttaa tuloksenaan
erikoistaulukon, joka koostuu kahdesta elementistä.
Taulukon ensimmäisessä elementissä säilytetään
tilan nykyistä arvoa ja toisessa - funktio
tilan muuttamiseksi.
Jotta tilat toimisivat oikein, niitä ei saa muuttaa suoraan, vaan tulee käyttää funktiota niiden muuttamiseen - vain silloin reaktiivisuus toimii.
