Keurders en die useSelector-hook in Redux
In vorige lesse het ons data van produkte in die store gestoor. Hoe kry ons dit nou weer uit die store?
Om dit te doen, moet ons 'n keurderfunksie skryf. Hierdie funksie weet hoe om 'n spesifieke stuk inligting uit die staatswaarde in die store te haal, en help om die herhaalde skryf van kode te vermy as die toepassing groei. Hierdie funksie neem die state as inset, en lewer die nodige state-snit as uitset. Byvoorbeeld:
const selectValue = state => state.some.value
Heel aan die begin van die handboek is genoem dat die store 'n
getState metode het. En ons kon dit maklik gebruik om
die staatswaarde te kry:
const value = selectValue(store.getState())
Die probleem is dat ons React-komponente nie direk by die
store kan uitkom nie, aangesien dit verbode is om dit in die
komponentlêer in te voer. Maar ons het die vermoë om
data in die komponent te kry met behulp van die
React-Redux-hook useSelector. Boonop,
sal ons komponente met hierdie hook altyd slegs
die mees onlangse data ontvang:
const count = useSelector(selectValue)
