React-Thunk中间件究竟是如何实现异步操作的，能否详细解释一下其工作原理？

本文共计1783个文字，预计阅读时间需要8分钟。

前言+刚来公司的时候，对react项目中的thunk中间件的作用一知半解，最近有时间好好研究一下。鉴于本人是新手写博客，并且假设读者已经掌握了一些基本的Redux用法；如有错误，还望指正。

前言

刚来公司的时候，对react项目中的thunk中间件的作用一直不太了解，最近有时间决定好好研究一下。鉴于本人初次写博客，并已假设读者已掌握redux的一些基本用法；如有错误，还望指出。不胜感激！

首先简单回顾一下redux工作流程

图画的不太好，见谅；

对于reactUI组件来说，数据的来源无外乎两种，一种是用户主动触发的动作，例如点击事件、提交表单，输入操作；另一种是组件主动的数据更新，如获取页面初始数据，子组件接受父组件的props变化而进行更新视图操作；

如图所示,无论那种对于数据的操作，对于view都会派发出一个action

状态的更新

正如我们所知，在redux里，每次更新后的Store都会对应着一个新的view，而Store里面数据的更新依赖action的触发————Store.dispatch(action)会自执行初始化中createStore中注入的reducers，从而计算出新的状态。