從登入過程看資料流動
因為登入介面是在父元件中,暫且將父元件起名為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能盡量的運載資料,把資料的吞吐量做...