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

React之redux(1)——redux组成

时间:2020-04-28 23:27:50      阅读:118      评论:0      收藏:0      [点我收藏+]

标签:get   通过   image   code   redux   inf   span   col   职责   

1 State——状态:

技术图片

 

2 Action——事件

  Action是把数据从组件传递到Store的载体,它是store数据的唯一来源,一般来说,我们可以通过store.despach()将action传递给store

技术图片

 action的特点:

 技术图片

 3 Reducer

  本质就是一个函数,它用来响应发送过来的actions,然后经过处理,把state发送给Store

  在Reducer函数中,必须要有return返回值,这样Store才能接收到数据

  函数会接收到两个参数,第一个参数是初始化state,第二个参数是action:

三者之间的关系:

技术图片

4 Store:

  就是把action和reducer联系到一起的对象

 主要职责:

  • 维持应用的state
  • 提供getState()方法获取state
  • 提供dispatch()方法发送action
  • 通过subscribe()来注册监听
  • 通过subscribe()的返回值来注销监听

 

React之redux(1)——redux组成

标签:get   通过   image   code   redux   inf   span   col   职责   

原文地址:https://www.cnblogs.com/codexlx/p/12797847.html

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