Redux基本使用(3)redux-thunk的使用

admin 发布于 REACT

Redux的核心概念其实很简单:将需要修改的state都存入到store里,发起一个action用来描述发生了什么,用reducers描述action如何改变state tree 。创建store的时候需要传入reducer,真正能改变store中数据的是store.dispatch API。

dispatch一个action之后,到达reducer之前,进行一些额外的操作,就需要用到middleware。你可以利用 Redux middleware 来进行日志记录、创建崩溃报告、调用异步接口或者路由等等。换言之,中间件都是对store.dispatch()的增强

redux-thunk就可以对发送action和到达reducer之间进行处理

安装

npm i redux-thunk -S

使用时候因为redux-thunk是中间件,所以需要引入redux中的applyMiddleware,然后在创建store时一起传入

import {createStore,combineReducers,applyMiddleware} from 'redux'
import countReducers from './count.js'
import thunk  from 'redux-thunk'
let store=createStore(combineReducers({
    count:countReducers
}),applyMiddleware(thunk));
export default store;
调用时 
this.props.dispatch((dispatch,getState)=>{
    //处理其他功能
    dispatch(add(1))
})


227浏览量 · 0评论 · 2020-04-24 10:41:07

全部评论  0

注册登录 进行评论

热门专题

更多专题