首页 > 其他 > 详细

react-redux的实现原理

时间:2020-12-20 20:41:06      阅读:52      评论:0      收藏:0      [点我收藏+]

其实React与Redux并没有什么直接的联系。Redux作为一个通用模块,主要还是用来处理应用中state的变更,而展示层不一定是React。
但当我们希望在React+Redux的项目中将两者结合的更好,可以通过react-redux做连接。

react-redux

若用 redux,一个组件如果想从store存取公用状态,需要进行四步操作:

  • import 引入 store
  • getState 获取状态
  • dispatch 修改状态
  • subscribe 订阅更新

代码相对冗余,我们想要合并一些重复的操作,而 react-redux 就提供了一种合并操作的方案,react-redux是一个轻量级的封装库,核心方法只有两个:

  • Provider   Provider 将 store 放进 this.context 里,省去了 import 这一步
  • connect   connect将 getState、dispatch 合并进了this.props,并自动订阅更新,简化了另外三步。

react-redux的实现原理

原文:https://www.cnblogs.com/SF9924/p/14164762.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!