React28Redux成员及其数据流
-
actions
-
actions其实是描述操作的对象,我们调用dispath时需要传入此对象
-
store
-
store是整个应用的数据存储仓库,把我们全局管理的状态数据存储起来
-
它就是我们的后勤保证,专门管理后勤数据
-
reducers
-
reducers接收actions并更新store
-
注意:redux是一个单独的数据流框架,跟react并没有直接的联系,我们也可以在JQ或其它复杂项目里面使用redux进行数据管理,当我们不知道是否应该用redux的时候,我们都是不需要的,因为只有我们很肯定redux能帮助我们管理好复杂项目数据流的时候它才能发挥它的威力,简单的项目我们只需要state+props+context就够了
-
接下来看一下Redux数据流的走向
注解: 组件内调用dispatch=>dispatch把actios传入store=>store接收旧数据和拿的action再传入Reducers=>Reducers根据action对旧数据进行操作然后返回新数据给store=>store把新数据再传回组件内
-
Sore好像是一个工厂,Reducers好像一个工人一样,我们把原材料委托给工厂,然后告诉工厂我们需要什么功能的产品,工厂再根据客户的需求对拿到的原材料进行加工处理,然后把做好的产品放进工厂里的仓库,之后工厂再从仓库里把做好的新产品交付客户。
博主掘金技术社区地址——https://juejin.cn/user/1908407918660871/posts