【Javascript】Redux ,Saga关系

Redux,Redux-Saga

一、Redux是JS的一种框架,Redux-Saga是Redux框架中的一个中间件(即一个环节)(即前台向Store发送Action之后,在执行Reducer之前, 所执行的中间过程(这个中间过程主要是接受Action后去Apex后台取相关代码再发送给Reducer的过程))

二、Redux Flow(框架执行流程):

1.UI(前台)发送Action请求(及请求中附带的参数)给Saga(注:其实最终目的是发送给Store,但是中间需要借助Redux-Saga及Reducer进行处理才可以)

⇒2.Redux-Saga(注:通过Redux-Saga中间件用  Action中穿来的请求及带来的参数值  去Apex后台取需要的数据 后调用后续Reducer方法 并把从Apex后台取到的数据及接收到的Action 传递给Reducer)

⇒3.Reducer(注:进行相关的逻辑计算(同时会创建一个新对象(新对象如何创建?:复制一个同原来一样的对象即可))并把计算结果更新到新对象后 返回给Store  )

⇒4.Store(注:Store可以看作是一个存储状态的管理器)

⇒5各组件监控到Store值有变化更新自身属性值(注:各组件可以订阅Store,如果监控到Store中属性值有变化,各组件就会更新自己组件内对应属性值为变化后的值。)

posted @ 2020-11-28 17:16  猪猪宝丫  阅读(229)  评论(0编辑  收藏  举报