redux的中间件

action发出以后 reducer立即算出state，这个叫做同步，，，action发出以后过一段时间在执行reducer，这叫异步，那么异步怎么办

怎么才能reducer在异步操作结束后自动执行的呢？ 这个就要用到新的工具：中间插件  middleware

为了理解中间件，让我们站在框架者的角度思考问题， 如果要添加功能，你会在哪个环节添加？

1 reducer：纯函数，只承担计算state的功能，不合适承担其他功能，也承担不了，因为理论上，纯函数不能进行读写操作。

2 View 与state一一对应，可以看作state的视觉层，也不合适承担其他功能

3 Action：存放数据的对象，即消息的载体，只能被别人操作，自己不能进行任何操作

也就发送Action的这个步骤，即store.dispatch()方法，可以添加功能，。。

中间件的方法

const store = createStore(

   reducer,

   initial_state,

   applyMiddleware(logger)

 )

createStore方法可以接受整个应用的初始化作为参数，那样的话，applyMiddleware就是第三个参数

理解了中间件以后，就可以处理异步操作了。。

同步操作只要发出一种Action即可，异步操作的差别是它要发出三种Action...

  操作发起时的Action.

  操作成功时的Action

  操作失败时的Action

整个异步操作的思路就很清楚了。

  操作开始时，送出一个Action,触发State更新为“正在操作”状态，View重新渲染。。

  操作结束后，在送出一个Action，触发State更新为“操作结束”状态，View再一次重新渲染。

  redux-thunk中间件

异步操作至少送出两个Action: 用户触发第一个Action，这个跟同步操作一样，没有问题，如何才能在操作结束时候 ，系统自动送出第二个Action呢？

奥妙就在Action Creator之中。

 class AsyncApp extends Component {

   componentDidMount(){

       const {dispath,selectedPost} = this.props

       dispatch(fetchPosts(selectedPost))


    }

 }





上面代码是一个异步组件的例子。加载成功后componentDidMount方法，它发送(dispatch方法)一个Action,向服务器要求数据fetchPoats(selectedSubreddit).

这里的fetchPosts就是Action Creator.

http://www.ruanyifeng.com/blog/2016/09/redux_tutorial_part_two_async_operations.html