redux-saga:
redux-saga在store的index文件中创建saga中间件连接到store,saga中间件可以监控派发action,如果有action.type值与监控的变量一致,则执行该函数的内容,在这个函数中也可以再派发一个新的action
redux-thunk:
redux-thunk相当于是基于store的升级,一般情况,我们传给store的action是一个对象,但是通过redux-thunk中间件,我们可以把部分的业务逻辑(异步请求)等放在action中进行处理。当store接收到函数类型的action,redux-thunk会执行该函数,并传入参数dispatch,当函数内部的逻辑执行完成后,会再次派发一个action继续向下执行。
区别:
redux-thunk和redux-saga中间件相当于对store的升级,thunk通过执行action中的函数实现业务逻辑,没有扩展API;saga通过定义saga函数进行监控,同时提供一些常用的API
应用场景:
redux-thunk:
dispatch一个action之后,到达reducer之前,进行一些额外的操作,就需要用到middleware。你可以利用 Redux middleware 来进行日志记录、创建崩溃报告、调用异步接口或者路由等等。
换言之,中间件都是对store.dispatch()的增强。redux-thunk就是用来异步操作,比如接口请求等。
redux-saga:
redux-saga是一个用于管理redux应用异步操作的中间件,redux-saga通过创建sagas将所有异步操作逻辑收集在一个地方集中处理,可以用来代替redux-thunk中间件。