redux-saga 是一款redux 的中间件。最主要的作用是让异步代码按同步的顺序依次输出。
创建顺序
- 安装
yarn add redux-saga
- 创建一个 toduSaga.js
里面放我们所有的异步代码
文件最后需要暴露一个 generator 函数 - createStore 的地方,使用上 redux-saga 的中间件
- import createSagaMidderware from "redux-saga"
- import toduSage from './xxx/toduSaga.js'
- const sagamidderware = createSagaMidderware()
- applyMidderware(sagamidderware)
- sagaMidderware.run( toduSage )
- toduSaga.js
- 暴露出来的方法中,使用 takeEvery( "actionType" , 回调函数 ) 方法订阅某个 action,后续只要 store.dispatch() 派发的action ,actionType跟 actionType 相同的话
- 回调函数中去写异步代码,最后还是要去修改仓库,调用 put 方法去修改
网友评论