Селекторлар және Redux-тағы useSelector хукі

Алдыңғы сабақтарда біз store-ға өнімдер деректерін жаздық. Оларды store-дан қалай алуға болады?

Мұны істеу үшін бізге селектор функциясын жазу қажет. Бұл функция store-да сақталатын стейт мәнінен нақты бір ақпарат бөлігін қалай алу керектігін біледі және қолданба өскен кезде қайталанатын код жазудан сақтауға көмектеседі. Бұл функция кіріс ретінде state-ті қабылдайды, шығыс ретінде қажетті стейт слайсын береді. Мысалы осылай:

const selectValue = state => state.some.value

Оқулықтың ең басында store-дың getState әдісі бар екендігі айтылған болатын. Біз де оны стейт мәнін алу үшін оңай пайдалана алар едік:

const value = selectValue(store.getState())

Мәселе мында, біздің React компоненттеріміз store-ға тікелей жүйелесе алмайды, себебі оны компонент файлына импорттау тыйым салынған. Бірақ бізде React-Redux-тың useSelector хукін қолдану арқылы компонентте деректерді алу мүмкіндігі бар. Сонымен қатар, осы хук арқылы біздің компоненттеріміз әрқашан тек өзекті деректерді алады:

const count = useSelector(selectValue)