react redux 資料流動

2021-08-16 20:19:09 字數 1030 閱讀 5124

從登入過程看資料流動

因為登入介面是在父元件中,暫且將父元件起名為parent,所以我們需要將store(即所有狀態交由provider)給parent處理

container.js

《登入介面》

登入export connnect(mapstatetoprops,mapdispatchtoprops)(parent)  需要將狀態和dispatch從store對映到父元件parent

let  mapdispatchtoprops = (dispatch)  => }

reducer.js

let initialstate=

const actiontypes=

export const actions = }}

export function reducer(state = initialstate, action)

一般來說dispatch(action後),actionscreator中的payload將交給reducer處理,但是在這裡我們需要同後台進行互動,需要一些非同步處理,所以引用中介軟體react-saga

saga.js

在這裡我們需要同後台進行互動,需要一些非同步處理

export function* loginflow() );

yield put()     //put相當於dispatch(action),將從後台獲取的資料返回給reducer,同時執行

reducer,所以中介軟體就是將actioncreator中的payload加工後返給reducer,加

工後的資料依舊用action來呼叫}}

}export function* login(username, password) );    

try )  

} catch (error) );

} finally );}}

configurestore.js

const  store=createstore(redurer,loginflow)  將react-saga與reducer繫結,同時建立store狀態庫

單向資料流動

import uikit import foundation 單向資料流動 新狀態 f 舊狀態,使用者行為 func reducer state state,useraction action state func reduce initialresult result,nextpartialres...

流動資料雲上之爭

縱觀全球儲存廠商的發展來看,每個儲存廠商的發展都有著自己不同的發展軌跡,但是分析眾多國內外儲存廠商近年來的業務發展變化中,我們不難發現這樣的規律,儲存業務不外乎分為三種模式。一是oem合作模式,借助伺服器資源將oem儲存銷售給使用者,這種方式適合急需大面積銷售快速鋪開市場的儲存廠商 二是從頭開始模式...

TCP互動資料流 成塊資料流

tcp資料流分類 基於tcp的各類解決方案,可以根據資料吞吐量來大致分成兩大類 1 互動資料型別,例如telnet,ssh,這種型別的協議在大多數情況下只是做小流量的資料交換,比如說按一下鍵盤,回顯一些文字等等。2 資料成塊型別,例如ftp,這種型別的協議要求tcp能盡量的運載資料,把資料的吞吐量做...