例子1:
const
= redux;
function
couter
(state =
0, action)
}const store =
createstore
(couter)
;
然後呼叫store.dispatch()
之後用store.getstate
便去獲取值,得到的是1.
action 的定義
action是把資料從應用(這裡的只得既可以是view傳遞的,也還可以是後台server傳遞過來的資料)傳到state的有效資料。他是store資料的唯一**。一般會通過store.dispatch()將action傳到store中.
那action其實就是乙個物件。物件裡放了用於判斷的type型別(約定好的),和處理要用的資料。
這裡也可以不一定要它給定預設的type去獲取。也可以用自己定義的判斷型別獲取。如下:
function
couter
(state =
0, action)
}
然後用store.dispatch()
執行,
再用store.getstate()
獲得後發現返回1.說明不一定要借助type。
最終還是我們設定的function 來做事情。不過這個function 必須傳入createstore中然後建立後返回乙個store物件,然後通過store物件的操作(即用dispatch傳入action,或者getstate(唯讀)的方式獲取資料)。
action建立函式
在redux中,action建立函式只是簡單地返回乙個action.
action返回函式需要返回給dispatch.(也就是元件jsx中利用action返回函式傳參並返回乙個action物件
關於react中redux的理解
redux是react的狀態管理工具,在redux中,將所有的狀態統一集中到唯一的stoer中管理,在store中只能通過自己定義的方法來修改狀態,優點是可以 到狀態的變化,執行相應的修改方法,提高可維護性和可讀性,易於狀態監聽。redux的使用方法 redux用來建立reducer store a...
如何通俗易懂的理解 redux
首先先了解下什麼是mvc框架 mvc框架 model view controller 來個小故事幫助理解故事的主人公小明,辛苦打拼多年,終於存到了買房的錢,於是就屁顛屁顛的在首都的郊區買了一套120的毛坯房 當前的房子的state 因為是毛坯房,自然是出了一些基礎設施其他啥也沒有 initstate...
理解Redux以及如何在專案中的使用
今天我們來聊聊redux,這篇文章是乙個高階的文章,建議大家先對redux的基礎有一定的了解,在這裡給大家推薦一下阮一峰老師的文章 首先我們要知道我們為什麼要使用redux,我們在什麼情況下才需要去使用redux,在這裡引用redux的創造者的一句話 只有遇到 react 實在解決不了的問題,你才需...