redux-thunk中间件
2021-01-10 本文已影响0人
习惯水文的前端苏
上一节(redux基本使用)我们在redux中使用axios进行数据模拟请求,其中的异步请求在组件内部使用,当逻辑过于复杂会导致组件代码臃肿
安装
cnpm i redux-thunk --save
使用
将指令创建修改为function(这正是thunk提供的能力)
(将原来的getListData修改为函数;同时原函数保留并修改为initListData;该函数自动接收dispatch,可以直接派发action) 组件中使用
可以看到,我们在组件中重复的import store过于繁琐,那么是否有一种'一劳永逸'的方法呢?答案是有!(react-redux)