1.为什么使用Redux?
image.png2. Redux工作原理
image.png3.什么时候使用Redux
aHR0cHM6Ly91c2VyLWdvbGQtY2RuLnhpdHUuaW8vMjAxNy8xMS8yNC8xNWZlYzEwMGUzMjQyMDE5.gif使用场景:
1、组件需要根据状态发生显示变化
2、state并不总是以单向的方式线性流动
3、存在组件需要更新全局状态
4、存在组件需要更新另一个组件的状态
5、存在状态以许多不同的方式更新
6、状态树结构复杂
7、某个状态需要在全局使用或共享(例如角色权限等信息)
4.简单理解redux
redux各部分负责内容
Action Creator(具体借书的表达) 想借书的人向图书馆管理员说明要借书的那句话。
Store(图书馆管理员) 负责整个图书馆的管理。是Redux的核心
Reducers(图书馆管理员的小本本) 管理员需要借助Reducer(图书馆管理员的小本本)来记录。
React Component(借书的人 ) 需要借书的人
工作流程
借书的人(ReactComponent)说了一句话(Action Creator)向图书馆管理员(Store)借一本书,可是图书馆管理员年纪大了啊记不住啊,便掏出了自己的小本本(Reducers)。看了看知道了那本书有没有,在哪,怎么样。这样一来管理员就拿到了这本书,再把这本书交给了借书人。
翻译过来就是:
组件想要获取State,
用ActionCreator创建了一个请求交给Store,Store借助Reducer确认了该State的状态,Reducer返回给Store一个结果,Store再把这个State转给组件。
本文章转自:https://blog.csdn.net/haoaiqian/article/details/78625200
网友评论