Izbirniki in priključek useSelector v Redux
V prejšnjih lekcijah smo v store shranili podatke o izdelkih. Kako jih lahko dobimo iz store?
Da bi to naredili, moramo napisati funkcijo-izbirnik. Ta funkcija ve, kako pridobiti določen del informacij iz vrednosti stanja, shranjene v store, in pomaga preprečiti pisanje ponavljajoče se kode, ko aplikacija raste. Kot vhod ta funkcija sprejme state, na izhodu pa da zahtevani del stanja. Na primer tako:
const selectValue = state => state.some.value
Na samem začetku učbenika je bilo omenjeno,
da ima store metodo getState. In mi
bi jo z lahkoto uporabili za
pridobivanje vrednosti stanja:
const value = selectValue(store.getState())
Težava je v tem, da naše React
komponente ne morejo neposredno dostopati do
store, ker ga ni dovoljeno uvoziti
v datoteko komponente. Vendar imamo možnost,
da podatke pridobimo v komponenti s pomočjo
React-Redux priključka useSelector. Poleg tega,
s tem priključkom bodo naše komponente vedno prejele
samo najnovejše podatke:
const count = useSelector(selectValue)