redux-thunk中间件

2021-01-10  本文已影响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

上一篇下一篇

猜你喜欢

热点阅读