1.為什么使用Redux枚驻?
image.png
2. Redux工作原理
image.png
3.什么時候使用Redux
aHR0cHM6Ly91c2VyLWdvbGQtY2RuLnhpdHUuaW8vMjAxNy8xMS8yNC8xNWZlYzEwMGUzMjQyMDE5.gif
使用場景:
1呢撞、組件需要根據(jù)狀態(tài)發(fā)生顯示變化
2表箭、state并不總是以單向的方式線性流動
3遇西、存在組件需要更新全局狀態(tài)
4炊琉、存在組件需要更新另一個組件的狀態(tài)
5九火、存在狀態(tài)以許多不同的方式更新
6钻弄、狀態(tài)樹結(jié)構(gòu)復(fù)雜
7稼稿、某個狀態(tài)需要在全局使用或共享(例如角色權(quán)限等信息)
4.簡單理解redux
redux各部分負責(zé)內(nèi)容
Action Creator(具體借書的表達) 想借書的人向圖書館管理員說明要借書的那句話薄榛。
Store(圖書館管理員) 負責(zé)整個圖書館的管理。是Redux的核心
Reducers(圖書館管理員的小本本) 管理員需要借助Reducer(圖書館管理員的小本本)來記錄让歼。
React Component(借書的人 ) 需要借書的人
工作流程
借書的人(ReactComponent)說了一句話(Action Creator)向圖書館管理員(Store)借一本書敞恋,可是圖書館管理員年紀大了啊記不住啊,便掏出了自己的小本本(Reducers)谋右∮裁ǎ看了看知道了那本書有沒有,在哪改执,怎么樣啸蜜。這樣一來管理員就拿到了這本書,再把這本書交給了借書人辈挂。
翻譯過來就是:
組件想要獲取State衬横,
用ActionCreator創(chuàng)建了一個請求交給Store,Store借助Reducer確認了該State的狀態(tài),Reducer返回給Store一個結(jié)果终蒂,Store再把這個State轉(zhuǎn)給組件蜂林。
本文章轉(zhuǎn)自:https://blog.csdn.net/haoaiqian/article/details/78625200