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:

jsxconst 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:

jsxconst 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:

jsxconst count = useSelector(selectValue)