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好像一个工人一样,我们把原材料委托给工厂,然后告诉工厂我们需要什么功能的产品,工厂再根据客户的需求对拿到的原材料进行加工处理,然后把做好的产品放进工厂里的仓库,之后工厂再从仓库里把做好的新产品交付客户。
 

猜你喜欢

转载自www.cnblogs.com/tengfeiS/p/12164482.html