Përzgjedhësit dhe hook-u useSelector në Redux
Në mësimet e mëparshme ne kemi regjistruar në store të dhënat e produkteve. Si t'i marrim ato nga store?
Për ta bërë këtë, ne duhet të shkruajmë një funksion-përzgjedhës. Ky funksion e di se si të nxjerrë një pjesë të caktuar të informacionit nga vlera e state-it të ruajtur në store dhe ndihmon për të shmangur shkrimin e përsëritur të kodit kur aplikacioni rritet. Në hyrje ky funksion merr state, dhe në dalje jep pjesën e nevojshme të state-it. Për shembull kështu:
const selectValue = state => state.some.value
Në fillim të tutorialit u përmend se
store ka metodën getState. Dhe ne
lehtë mund ta përdornim atë për
të marrë vlerën e state-it:
const value = selectValue(store.getState())
Problemi qëndron në faktin se komponentët tanë React
nuk mund të komunikojnë direkt me
store, pasqë është e ndaluar ta importojmë
në skedarin e komponentit. Por ne kemi mundësi
të marrim të dhënat në komponent me ndihmën
e hook-ut React-Redux useSelector. Gjithashtu,
me këtë hook komponentët tanë do të marrin gjithmonë
vetëm të dhënat aktuale:
const count = useSelector(selectValue)
