Tilan Lukeminen useSelectorilla

Jotta voit käyttää tietoja storesta komponentin sisällä, luet ne useSelector-hookilla. Tämän hookin avulla komponentti pääsee käsiksi nykyiseen tilaan.

Tilatietojen lukeminen

Komponentin sisällä kutsu useSelector ja palauta tarvitsemasi osa tilasta:

import { useSelector } from 'react-redux';

function Counter() {
  const value = useSelector((state) => state.counter.value);

  return <p>{value}</p>;
}

Funktio saa koko storen tilan, ja valitset siitä vain tarvitsemasi osan.

Miksi tämä on tärkeää

Komponenttien ei tulisi olla riippuvaisia koko tilasta. Valitsemalla vain pienen osan pidät komponentit yksinkertaisina ja helpommin ylläpidettävinä.

Komponentti päivittyy automaattisesti, kun valittu tila muuttuu. Sinun ei tarvitse käynnistää päivityksiä manuaalisesti.