Селектори и хук useSelector у Redux-у

На претходним лекцијама смо у store уписали податке о производима. Како да их добијемо из store-а?

Да бисмо то урадили, потребно је да напишемо функцију-селектор. Ова функција зна како да извуче одређени део информације из вредности стања која се чува у store-у и помаже да се избегне писање понављајућег кода када апликација порасте. На улазу ова функција прима state, а на излазу даје потребни део стања. На пример овако:

jsxconst selectValue = state => state.some.value

На самом почетку уџбеника помињало се да store има метод getState. И ми бисмо лако могли да га искористимо за добијање вредности стања:

jsxconst value = selectValue(store.getState())

Проблем је у томе што наши React компоненте не могу директно да приступају store-у, јер је забрањено да га увезују у фајл компоненте. Али ми имамо могућност да добијемо податке у компоненти помоћу React-Redux хук-а useSelector. Штавише, са овим хук-ом наше компоненте ће увек добијати само актуелне податке:

jsxconst count = useSelector(selectValue)