码迷,mamicode.com
首页 > 其他好文 > 详细

Redux

时间:2019-12-29 20:02:45      阅读:77      评论:0      收藏:0      [点我收藏+]

标签:vue   cti   alt   共享   redux   基本   inf   reduce   red   

redux是什么

redux是一个独立专门用于做状态管理的JS库(不是react插件库),它可以用在react, angular, vue等项目中, 但基本与react配合使用

作用: 集中式管理react应用中多个组件共享的状态

redux工作流程

将会把这个过程比拟成图书馆的一个流程来帮助理解

Action Creator(具体借书的表达) :想借书的人向图书馆管理员说明要借的书的那句话

Store(图书馆管理员) :负责整个图书馆的管理。是Redux的核心

Reducers(图书馆管理员的小本本) :管理员需要借助Reducer(图书馆管理员的小本本)来记录。

React Component(借书的人 ) :需要借书的人 

借书的人(ReactComponent)说了一句话(Action Creator)向图书馆管理员(Store)借一本书,可是图书馆管理员年纪大了啊记不住啊,便掏出了自己的小本本(Reducers)。看了看知道了那本书有没有,在哪,怎么样。这样一来管理员就拿到了这本书,再把这本书交给了借书人

翻译过来就是:组件想要获取State, 用ActionCreator创建了一个请求交给Store,Store借助Reducer确认了该State的状态,Reducer返回给Store一个结果,Store再把这个State转给组件。

                                             技术图片

Redux

标签:vue   cti   alt   共享   redux   基本   inf   reduce   red   

原文地址:https://www.cnblogs.com/oceanleader/p/12116069.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!