美文网首页
redux-thunk中间件

redux-thunk中间件

作者: 习惯水文的前端苏 | 来源:发表于2021-01-10 22:25 被阅读0次

        上一节(redux基本使用)我们在redux中使用axios进行数据模拟请求,其中的异步请求在组件内部使用,当逻辑过于复杂会导致组件代码臃肿

     安装

        cnpm i redux-thunk --save

    使用

    将指令创建修改为function(这正是thunk提供的能力)

    (将原来的getListData修改为函数;同时原函数保留并修改为initListData;该函数自动接收dispatch,可以直接派发action)

        组件中使用

    (将原来的axios请求移步到actionCreators中,store的一个特性就是:当action为函数时将自动执行,而action作为函数恰恰是thunk提供的能力)

    可以看到,我们在组件中重复的import store过于繁琐,那么是否有一种'一劳永逸'的方法呢?答案是有!(react-redux

    相关文章

      网友评论

          本文标题:redux-thunk中间件

          本文链接:https://www.haomeiwen.com/subject/djulaktx.html