redux ,saga补遗

2019-08-12  本文已影响0人  glenlg

一.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)}
上一篇下一篇

猜你喜欢

热点阅读