• 技术文章 >web前端 >前端问答

    react中redux有中间件吗

    长期闲置长期闲置2022-04-27 12:13:04原创386

    react中redux有中间件。因为redux的数据需要异步请求,所以需要中间件在redux中完成异步请求;中间件可拓展redux应用程序,当组件触发一个action后,action会优先被中间件处理,中间件处理完后再传递给reducer。

    本教程操作环境:Windows10系统、react17.0.1版、Dell G3电脑。

    react中redux有中间件吗

    react中redux有中间件

    因为我们redux中有很多数据需要异步请求,所以需要中间件帮助我们在redux中完成异步请求。

    中间件其实就是一个函数,中间件允许我们扩展redux应用程序 。具体体现在对action的处理能力上,当组件触发一个action后,这个action会优先被中间件处理,当中间件处理完后,中间件再把action传递给reducer,让reducer继续处理这个action

    加入中间件的redux工作流程

    03.png

    Redux常用中间件(redux-saga)

    redux-saga比redux-thunk更加强大,因为redux-saga可以将异步操作从Action Creator文件中抽离出来,放在一个单独的文件中

    如何使用redux-saga ?

    下载:

    npm install redux-saga

    创建redux-saga中间件

    import createSagaMiddleware from ' redux-saga '
    const sagaMiddleware = createSagaMiddleware ( )

    注册sagaMiddleware

    createStore (reducer , applyMiddleware (sagaMiddleware) )

    推荐学习:《react视频教程

    以上就是react中redux有中间件吗的详细内容,更多请关注php中文网其它相关文章!

    声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。
    专题推荐:React
    上一篇:react能实现依赖注入吗 下一篇:react调用setstate后发生了什么
    20期PHP线上班

    相关文章推荐

    • 【活动】充值PHP中文网VIP即送云服务器• react点击事件的几种写法是什么• react阻止事件冒泡的方法是什么• react是组件化开发吗• react中modal的用法是什么• react与vue的虚拟dom有什么区别
    1/1

    PHP中文网