redux react redux 相關概念解析

2021-09-11 07:33:19 字數 1360 閱讀 7906

redux   react  

1 redux是乙個單獨的狀態管理庫。要實現react和redux的關聯管理。我們需要利用react-redux。它提供了兩個核心方法:provider和connect。前者負責給react專案根元件包裹一層外衣。然後把store作為引數給傳遞進來。這樣它就是所有元件的根元件,從而可以把資料層層傳遞給子元件。connect則負責連線單個元件和store的交流。某個元件如果想要獲得store裡資料。那麼需要通過connect這個橋梁。

2 redux到底提供了哪些方法,又為我們解決了哪些問題?

a store這個**資料庫是怎麼來的?

redux提供了createstore這個方法。用來生成store。

b 如果存在多個reducer函式,如何讓他們都儲存在store中?

redux提供了combinereducers這個方法。可以把所有的reducer都合併在一起。統一在store中,作為資料來源

c 在處理非同步請求時,我們可能需要傳送多個action,那多個action傳送以後的值呢?

3 connect方法是連線react元件和redux資料中心的橋梁。connect函式接收4個引數。分別是connect([mapstatetoprops], [mapdispatchtoprops], [mergeprops], [options])

我們在單獨元件中,不需要整個store的資料,可能只需要某一部分的資料,這時候mapstatetoprops幫我們把store進行了分解。只把需要的那部分資料進行對映。然後我們通過在元件中通過乙個函式以乙個物件的方式返回出來。供元件接收使用。mapdispatchtoprops同理。通過這種方式我們只需要在元件中通過this.props.***就可以直接拿到。

eg:componentdidmount()).catch(err=>)

}function mapstatetoprops(state)

}function mapdispatchtoprops(dispatch)

}export default connect(mapstatetoprops,mapdispatchtoprops)(login)

附加:---redux-thunk中介軟體。

由於action只能是乙個物件,對於非同步的action無能為力。為了解決這個問題。redux-thunk應運而生。它在dispatch派發的時候,中途進行攔截判斷。如果該action是乙個物件。則直接走同步流程。否則則返回乙個函式,繼續執行。

比如 action 中有 settimeout 或者通過  fetch 通用遠端 api 這些場景,那麼就應該使用 redux-thunk 了。redux-thunk 幫助你統一了非同步和同步 action 的呼叫方式,把非同步過程放在 action 級別解決,對 component 沒有影響

Lodrunner相關概念

1.集合點 集合虛擬使用者,以便於準備好使用者,一致在某個時刻執行任務 在某個時間把需要虛擬的使用者數目準備好 如何新增集合點 設定指令碼執行場景時,也可以對集合點策略進行相應配置 2.事物 事物是用來度量伺服器響應事物的時間。乙個完整任務有開始,結束 插入事物方式有2種 事物狀態有3種 lr pa...

雲相關概念

雲 基於網際網路的相關服務及擴充套件。比喻網際網路,以及基礎設施的抽象。可以讓普通使用者體驗超級的計算能力,使用者可以通過pc 手機等方式接入資料中心。普通使用者無法支付高昂的大型機費用,通過雲可以體驗超級計算的功能 雲的概念較多,各行各業都有自己的雲計算概念。美國國家標準與計算研究院 nist 定...

Oracle相關概念

1.資料庫 查詢 sql select from v database oracle資料庫是一系列物理檔案的集合,這就包括 資料檔案ora或者dbf 控制檔案 聯機日誌 引數檔案 其實oracle資料庫的概念和其它資料庫不一樣,這裡的資料庫是乙個作業系統只有乙個庫。可以看作是oracle就只有乙個大...