加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 百科 > 正文

React Redux流程简图

发布时间:2020-12-15 07:36:06 所属栏目:百科 来源:网络整理
导读:关于 React-Redux 修改目标组件的 props 的逻辑: 在 connectAdvanced 组件中,当前组件会监听 store 的变化,一旦 store 发生改变,就会调用组件中的对应的监听方法。 该方法会把计算过的 props 保存到 this.selector.props 的一个临时变量中,然后调用 set

关于React-Redux修改目标组件的props的逻辑:

  1. connectAdvanced组件中,当前组件会监听store的变化,一旦store发生改变,就会调用组件中的对应的监听方法。

  2. 该方法会把计算过的props保存到this.selector.props的一个临时变量中,然后调用setState强行进行re-render

  3. 然后再在render方法中把this.selector.props作为props传递给目标组件

  4. 至于render的调用,在第2步调用setState的时候,就会把connectAdvanced组件标为dirty,那么就会造成下面所有的节点render(不考虑shouldComponentUpdate的影响)。

(编辑:李大同)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章
      热点阅读