Thunk-ի ուղղակի ուղարկում Redux-ում

Երբ մենք կոմպոնենտներից ուղարկում էինք ակցիաներ, օգտագործում էինք useDispatch հուքը, որն վերադարձնում է store-ի dispatch մեթոդը, քանի որ կոմպոնենտներում store-ին ուղղակի մուտք չկա:

Այս անգամ մեզ անհրաժեշտ է ստանալ վաճառողների օբյեկտները և դա անել մեկ անգամ մեր հավելվածի մեկնարկի ժամանակ: Մենք դա կարող ենք անել ուղղակի հիմնական main.jsx ֆայլից, worker-ի աշխատանքը սկսվելուց հետո:

Եկեք բացենք մեր ապրանքների հավելվածը, դրա մեջ՝ main.jsx ֆայլը և ներմուծենք դրա մեջ fetchSellers thunk-ը:

main.jsximport { fetchSellers } from './parts/sellers/sellersSlice'

Այս ֆայլում մեզ հասանելի է store-ը, ուստի այստեղ հուքերի կարիք չկա և մենք կարող ենք ուղղակիորեն օգտագործել նրա dispatch մեթոդը: Եկեք հետևյալ տողից հետո`

main.jsxawait worker.start({ onUnhandledRequest: 'bypass' })

Ավելացնենք հետևյալը`

main.jsxstore.dispatch(fetchSellers())

Եկեք մեկնարկենք մեր հավելվածը: Այժմ ապրանքների քարտերում նշված են նաև վաճառողները`