Ano ang isang middleware sa Redux?
Ano ang isang middleware sa Redux?

Video: Ano ang isang middleware sa Redux?

Video: Ano ang isang middleware sa Redux?
Video: ReactJS / Redux Tutorial - #6 Redux Middleware 2024, Nobyembre
Anonim

Redux Middleware . Middleware ay nagbibigay ng paraan upang makipag-ugnayan sa mga aksyon na naipadala sa tindahan bago nila maabot ang reducer ng tindahan. Mga halimbawa ng iba't ibang gamit para sa middleware isama ang mga pagkilos sa pag-log, pag-uulat ng mga error, paggawa ng mga asynchronous na kahilingan, at pagpapadala ng mga bagong aksyon.

Higit pa rito, ano ang isang middleware sa reaksyon?

Ang middleware nasa pagitan ng dispatch at reducer, na nangangahulugang maaari naming baguhin ang aming mga ipinadalang aksyon bago sila makarating sa mga reducer o magsagawa ng ilang code sa panahon ng pagpapadala. Isang halimbawa ng redux middleware ay redux-think na nagbibigay-daan sa iyong magsulat ng mga tagalikha ng aksyon na nagbabalik ng isang function sa halip na isang aksyon.

Sa tabi sa itaas, bakit kailangan natin ng middleware para sa async na daloy sa Redux? Redux Thunk middleware nagbibigay-daan sa iyo na magsulat ng mga tagalikha ng aksyon na nagbabalik ng isang function sa halip na isang aksyon. Ang thhunk ay maaaring gamitin upang iantala ang pagpapadala ng isang aksyon, o upang ipadala lamang kung ang isang partikular na kundisyon ay natutugunan. Ang panloob na pag-andar ay tumatanggap ng mga paraan ng store na pagpapadala at getState bilang mga parameter.

Para malaman din, ano ang redux thunk middleware?

Redux Thunk ay isang middleware na nagbibigay-daan sa iyong tumawag sa mga tagalikha ng aksyon na nagbabalik ng isang function sa halip na isang bagay na aksyon. Natatanggap ng function na iyon ang paraan ng pagpapadala ng tindahan, na pagkatapos ay ginagamit upang magpadala ng mga regular na magkakasabay na pagkilos sa loob ng katawan ng function kapag nakumpleto na ang mga asynchronous na operasyon.

Ano ang helper function na ibinibigay ng Redux para sa paggawa ng root reducer?

Redux gumagamit ng isang solong function ng root reducer na tumatanggap ng kasalukuyang estado (at isang aksyon) bilang input at nagbabalik ng bagong estado.

Inirerekumendang: