React之redux——redux组成

Posted codexlx

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了React之redux——redux组成相关的知识,希望对你有一定的参考价值。

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——redux组成的主要内容,如果未能解决你的问题,请参考以下文章

React中详解redux

React/Redux 应用程序中组件的权限检查

Redux 关系图解

Redux概述

谈谈对redux的认识

Redux 进阶之 react-redux 和 redux-thunk 的应用