如何理解Redux中的action

2021-10-01 10:20:28 字數 998 閱讀 9037

例子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 實在解決不了的問題,你才需...