美文网首页
redux ,saga补遗

redux ,saga补遗

作者: glenlg | 来源:发表于2019-08-12 14:19 被阅读0次

    一.saga重要工作是监听action(take或者takeEvery)的类型,然后做出相应的动作.

    1.worker saga
    做所有的工作,如调用 API,进行异步请求,并且获得返回结果

    2.watcher saga
    监听被 dispatch 的 actions,当接收到 action 或者知道其被触发时,调用 worker saga 执行任务

    3.root saga
    立即启动 sagas 的唯一入口

    二.connect([mapStateToProps], [mapDispatchToProps], [mergeProps], [options])

    function mapStateToProps(state: any) {
      return {
    
        matchList: state.changeMatchList.matchList
      }
    }
    

    其中state.changeMatchList.matchList 与action或者reducer里定义的function有关.

    mapStateToProps(state, ownProps) 方法允许我们将store中的数据作为props绑定到组件中,只要store更新了就会调用mapStateToProps方法,mapStateToProps返回的结果必须是object对象,该对象中的值将会更新到组件中,例子:

    const mapStateToProps = (state) => {
        return ({
            count: state.counter.count
        })
    }
    

    三.调用函数dispatch时,需要绑定,不是直接调用,否则可能死循环.

    onPress={getLocaldata(item, key)}
    -->
    onPress={()=>getLocaldata(item, key)}
    

    相关文章

      网友评论

          本文标题:redux ,saga补遗

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