开发者社区> 问答> 正文

redux的⼯作流程?

展开
收起
前端问答 2019-12-01 22:28:03 656 0
1 条回答
写回答
取消 提交回答
  • 前端问答小助手

    ⾸先,我们看下⼏个核⼼概念:

    • Store:保存数据的地⽅,你可以把它看成⼀个容器,整个应⽤只能有⼀个Store
    • StateStore对象包含所有数据,如果想得到某个时点的数据,就要对Store⽣成快照,这种时点的数据集合,就叫做State
    • ActionState的变化,会导致View的变化。但是,⽤户接触不到State,只能接触到View。所以,State的变化必须是View导致的。Action就是View发出的通知,表示State应该要发⽣变化了。
    • Action CreatorView要发送多少种消息,就会有多少种Action。如果都⼿写,会很麻烦,所以我们定义⼀个函数 来⽣成Action,这个函数就叫Action Creator
    • ReducerStore收到Action以后,必须给出⼀个新的State,这样View才会发⽣变化。这种State的计算过程就叫做ReducerReducer是⼀个函数,它接受Action和当前State作为参数,返回⼀个新的State
    • dispatch:是View发出Action的唯⼀⽅法。

    然后我们过下整个⼯作流程:

    1. ⾸先,⽤户(通过View)发出Action,发出⽅式就⽤到了dispatch⽅法。
    2. 然后,Store⾃动调⽤Reducer,并且传⼊两个参数:当前State和收到的ActionReducer会返回新的State
    3. State⼀旦有变化,Store就会调⽤监听函数,来更新View

    到这⼉为⽌,⼀次⽤户交互流程结束。可以看到,在整个流程中数据都是单向流动的,这种⽅式保证了流程的清晰。

    image.png

    2019-12-01 23:30:19
    赞同 1 展开评论 打赏
问答分类:
问答地址:
问答排行榜
最热
最新

相关电子书

更多
低代码开发师(初级)实战教程 立即下载
冬季实战营第三期:MySQL数据库进阶实战 立即下载
阿里巴巴DevOps 最佳实践手册 立即下载