redux-thunk的demo例子学习---祥哥的说

applyMiddlewares：它是 Redux 的原生方法，作用是将所有中间件组成一个数组，依次执行。

 

https://blog.csdn.net/liwusen/article/details/76349811

二、applyMiddleware的两种写法

因此在applyMiddleware的时候，就会存在两种写法，这里我们以利用redux-thunk为例。

（1）直接调用applyMiddleware生成新的createStore

import thunk from 'redux-thunk'
let createStoreWithMiddleware = applyMiddleware(thunk)(createStore)

（2）在createStore中调用

import thunk from 'redux-thunk'
let createStoreWithMiddleware = createStore(reducer,preState,applyMiddleware(thunk))

 

 

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

 

redux-thunk最重要的思想，就是可以接受一个返回函数的action creator。如果这个action creator 返回的是一个函数，就执行它，如果不是，就按照原来的next(action)执行。
正因为这个action creator可以返回一个函数，那么就可以在这个函数中执行一些异步的操作。

export function addCount() {
  return {type: ADD_COUNT}
} 
export function addCountAsync() {
  return dispatch => {
    setTimeout( () => {
      dispatch(addCount())
    },2000)
  }//欢迎加入全栈开发交流圈一起学习交流：864305860
}//面向1-3年前端人员
//帮助突破技术瓶颈，提升思维能力

addCountAsync函数就返回了一个函数，将dispatch作为函数的第一个参数传递进去，在函数内进行异步操作就可以了。