Question

React Redux原理和使用方法总结

Answer 1

React Redux框架可以用来对React Native进行数据流管理。Redux是一个用于UI布局框架的标准库。Redux的概念是通过UI binding来将Redux和React绑定到一起，这样可以避免UI 部分和store直接交互。

从组件布局来讲，当我们在构建一个大型组件，且内部每个小模块分工不同时，合理的设计方式是将各个部分按照功能进行拆分，在外部提供一个公共“容器”，用于处理数据，展示层只负责显示接收到的参数。
而Redux的connect函数就是提供了这种容器功能，用于管理数据，我们的React组件只需要接收和显示参数即可。

React Redux有几个基本概念：Store、Action、connect。

React Redux结构图：

使用action而不是直接编写function的优点在于，组件只需要告知外部需要做什么，只关心如何触发动作，而不必关心触发了什么动作。

Store是用来维持所有state树的一个对象，一个项目只有一个单一的store。Redux使用单向数据流的管理方式，改变store内state的唯一途径是对它dispatch一个action。
通过 <Provider /> 来包裹项目布局。

connect 是Redux提供的用于读取store内数据的函数，并且在store更新时获取最新的数据。

connect 具有以下功能：

connect 函数提供了两个可选参数：

组件connect之后，所连接的action会以Propsd的方式添加到组件内。调用方式与属性内声明的一直，可以使用 () => { func() } 或者 this.props.func() 的方式来调用。