码迷,mamicode.com
首页 > 其他好文 > 详细

【react】 redux 公共状态管理---数据的渲染,数据的修改,再把修改的数据渲染到当前组件

时间:2019-09-24 15:48:06      阅读:190      评论:0      收藏:0      [点我收藏+]

标签:根据   --   组件   red   reduce   数据   更新   tst   image   

 

 

首先需要明白,redux中有方法,这些方法是封装好的

技术图片

 

 

dispatch 方法是根据动作做派发的过程
getState 方法是返回当前store中的state的数据
subscribe 方法是事件订阅,参是一个函数,它有一个数值专门存放函数,当执行对应的事件函数,就会遍历触发该数组中的函数

 

 

1、store中的state数据渲染到当前组件

技术图片

 

 

2、对store中的state的数据进行修改

在当前组件,触发,当前组件引入的store文件中的dispatch(派发器,根据传入的动作做不的行为事件),reducers.js

技术图片

 

 技术图片

 

 

3、把最新修改的store中的state数据更新到当前,或者说需要更新的组件中去

 

技术图片

 

 

总体的理解:

 

技术图片

 

 

目录结构

技术图片

 

【react】 redux 公共状态管理---数据的渲染,数据的修改,再把修改的数据渲染到当前组件

标签:根据   --   组件   red   reduce   数据   更新   tst   image   

原文地址:https://www.cnblogs.com/yuanjili666/p/11578519.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!