美文网首页
redux-saga

redux-saga

作者: Poiey | 来源:发表于2019-12-25 20:27 被阅读0次

    redux-saga 是一款redux 的中间件。最主要的作用是让异步代码按同步的顺序依次输出。

    创建顺序

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

    相关文章

      网友评论

          本文标题:redux-saga

          本文链接:https://www.haomeiwen.com/subject/fykhoctx.html