之前一直在探索React相關(guān)的東西,手上有個(gè)SPA項(xiàng)目,于是準(zhǔn)備上Redux試試水。Redux本身和React并沒有之間的關(guān)聯(lián),它是一個(gè)通用Javscript App模塊,用做App State的管理。要在React的項(xiàng)目中使用Redux,比較好的方式是借助react-redux這個(gè)庫來做連接,這里的意思是,并不是沒有react-redux,這兩個(gè)庫就不弄一起用了,而是說react-redux提供了一些封裝,一種更科學(xué)的代碼組織方式,讓我們更舒服地在React的代碼中使用Redux。
之前僅通過Redux文檔來了解react-redux,在一段時(shí)間的實(shí)踐后準(zhǔn)備翻一翻源代碼,順便做些相關(guān)的總結(jié)。我看的代碼的npm版本為v4.0.0,也就是說使用的React版本是0.14.x。
react-redux提供兩個(gè)關(guān)鍵模塊:Provider和connect。
Provider
Provider這個(gè)模塊是作為整個(gè)App的容器,在你原有的App Container的基礎(chǔ)上再包上一層,它的工作很簡單,就是接受Redux的store作為props,并將其聲明為context的屬性之一,子組件可以在聲明了contextTypes之后可以方便的通過this.context.store訪問到store。不過我們的組件通常不需要這么做,將store放在context里,是為了給下面的connect用的。
這個(gè)是Provider的使用示例:
// config app root const history = createHistory() const root = ( <Provider store={store} key="provider"> <Router history={history} routes={routes} /> </Provider> ) // render ReactDOM.render( root, document.getElementById('root') )
另外有需要云服務(wù)器可以了解下創(chuàng)新互聯(lián)scvps.cn,海內(nèi)外云服務(wù)器15元起步,三天無理由+7*72小時(shí)售后在線,公司持有idc許可證,提供“云服務(wù)器、裸金屬服務(wù)器、高防服務(wù)器、香港服務(wù)器、美國服務(wù)器、虛擬主機(jī)、免備案服務(wù)器”等云主機(jī)租用服務(wù)以及企業(yè)上云的綜合解決方案,具有“安全穩(wěn)定、簡單易用、服務(wù)可用性高、性價(jià)比高”等特點(diǎn)與優(yōu)勢,專為企業(yè)上云打造定制,能夠滿足用戶豐富、多元化的應(yīng)用場景需求。
網(wǎng)站題目:淺談React和Redux的連接react-redux-創(chuàng)新互聯(lián)
標(biāo)題網(wǎng)址:http://chinadenli.net/article40/desieo.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供定制網(wǎng)站、網(wǎng)站維護(hù)、網(wǎng)站設(shè)計(jì)、微信小程序、網(wǎng)站收錄、App設(shè)計(jì)
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來源: 創(chuàng)新互聯(lián)
猜你還喜歡下面的內(nèi)容