Селекторлор жана Redux-теги useSelector хуку

Өткөн сабактарда биз дүкөнгө продукттардын маалыматтарын жазып койдук. Аларды дүкөндөн кандайча алабыз?

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

const selectValue = state => state.some.value

Окуу китебинин башында store-дун getState методу бар экени айтылган. Жана биз стейттин маанисин алуу үчүн аны оңой колдоно аларбыз:

const value = selectValue(store.getState())

Көйгөйү, биздин React компоненттери store-га түздөн-түз кире албайт, анткени аны компоненттин файлына импорттоого тыюу салынат. Бирок бизге компонентте маалыматты алууга мүмкүнчүлүк бар React-Redux хуку useSelector аркылуу. Үстөкө, бул хук менен биздин компоненттер ар дайым актуалдуу маалыматтарды гана алышат:

const count = useSelector(selectValue)