开发者社区> 问答> 正文

react-redux是如何⼯作的?

展开
收起
前端问答 2019-12-01 22:28:40 856 0
1 条回答
写回答
取消 提交回答
  • 前端问答小助手
    • Provider: Provider的作⽤是从最外部封装了整个应⽤,并向connect模块传递store
    • connect: 负责连接ReactRedux
      • 获取state: connect通过context获取Provider中的store,通过store.getState()获取整个store tree上所有state
      • 包装原组件: 将stateaction通过props的⽅式传⼊到原组件内部wrapWithConnect返回⼀个ReactComponent; 对象ConnectConnect重新render外部传⼊的原组件WrappedComponent,并把connect中传⼊的 mapStateToProps, mapDispatchToProps与组件上原有的props合并后,通过属性的⽅式传给 WrappedComponent
      • 监听store tree变化: connect缓存了store treestate的状态,通过当前state状态和变更前state状态进⾏⽐较,从 ⽽确定是否调⽤this.setState()⽅法触发Connect及其⼦组件的重新渲染

    图片1.png

    2019-12-01 23:37:44
    赞同 1 展开评论 打赏
问答分类:
问答标签:
问答地址:
问答排行榜
最热
最新

相关电子书

更多
利用编译将 Vue 组件转成 React 组件 立即下载
React Native项目实战优化之路 立即下载
Flutter 应用框架 Fish-Redux 立即下载