• 中間件
• Store Enhancer

---

一、中間件
中間件的特點(diǎn)是：

10年積累的網(wǎng)站建設(shè)、成都做網(wǎng)站經(jīng)驗(yàn)，可以快速應(yīng)對(duì)客戶對(duì)網(wǎng)站的新想法和需求。提供各種問題對(duì)應(yīng)的解決方案。讓選擇我們的客戶得到更好、更有力的網(wǎng)絡(luò)服務(wù)。我雖然不認(rèn)識(shí)你，你也不認(rèn)識(shí)我。但先做網(wǎng)站后付款的網(wǎng)站建設(shè)流程，更有臨河免費(fèi)網(wǎng)站建設(shè)讓你可以放心的選擇與我們合作。

• 中間件是獨(dú)立的函數(shù)
• 中間件可以組合使用
• 中間件有一個(gè)統(tǒng)計(jì)的接口

1. 中間件接口
   在Redux框架中，中間件處理的是action對(duì)象，而派發(fā)action對(duì)象的就是Store上的dispatch函數(shù)，action對(duì)象在進(jìn)入reducer之前，會(huì)經(jīng)歷中間件的管道。在這個(gè)中間件管道中，每個(gè)中間件都會(huì)接收到action對(duì)象，在處理完畢之后，就會(huì)把a(bǔ)ction對(duì)象交給下一個(gè)中間件來處理，只有所有的中間件都處理完action對(duì)象之后，才輪到reducer來處理action對(duì)象，但是如果某個(gè)中間件覺得沒有必要繼續(xù)處理這個(gè)action對(duì)象了，就不會(huì)把a(bǔ)ction對(duì)象交給下一個(gè)中間件，對(duì)這個(gè)action對(duì)象的處理就此為止，也就輪不到reducer上場(chǎng)了。
   以action為參數(shù)的函數(shù)對(duì)傳入的action對(duì)象進(jìn)行處理，因?yàn)镴avaScript支持閉包，在這個(gè)函數(shù)里可以訪問上面兩層函數(shù)的參數(shù)，所以可以根據(jù)需要做很多事情，包括以下功能：

   • 調(diào)用dispatch派發(fā)出一個(gè)新的action對(duì)象；
   • 調(diào)用getState獲得當(dāng)前Redux Store上的狀態(tài)；
   • 調(diào)用next告訴Redux當(dāng)前中間件工作完畢，讓Redux調(diào)用下一個(gè)中間件；
   • 訪問action對(duì)象action上的所有數(shù)據(jù)；
     具有上面這些功能，一個(gè)中間件足夠獲取Store上的所有信息，也具有足夠能力控制數(shù)據(jù)的流轉(zhuǎn)。

2. 使用中間件
   使用中間件有兩種方法，兩種方法都離不開Redux提供的applyMiddleware函數(shù)。
   （1）用Redux提供的applyMiddleware來包裝createStore產(chǎn)生一個(gè)新的創(chuàng)建Store的函數(shù)，以使用redux-chunk中間件為例，代碼如下：
   
   （2）把a(bǔ)pplyMiddleware的結(jié)果當(dāng)做Store Enhancer，和其他Enhancer混合之后作為createStore參數(shù)傳入。以同時(shí)使用redux-thunk和Redux Devtools增強(qiáng)器為例，代碼如下：
   

3. Promise中間件
   實(shí)現(xiàn)異步action對(duì)象還有一個(gè)方法是利用promise，promise更加適用于輸入輸出操作，而且fetch函數(shù)返回的結(jié)果就是一個(gè)promise對(duì)象。對(duì)比redux-chunk和promise可以發(fā)現(xiàn)，如果應(yīng)用redux-chunk，實(shí)際發(fā)起異步操作的語(yǔ)句是在中間件中調(diào)用的，而如果應(yīng)用promise中間件，異步操作是在中間件之外引發(fā)的，因?yàn)橹挥挟惒讲僮靼l(fā)生了才會(huì)有promise對(duì)象，而promise中間件只是處理這個(gè)對(duì)象而已。

4. 中間件開發(fā)原則
   開發(fā)一個(gè)redux中間件，首先明確中間件的目的，因?yàn)橹虚g件可以組合使用，所以不要讓一個(gè)中間件的內(nèi)容太過臃腫，盡量讓一個(gè)中間件只完成一個(gè)功能，通過中間件的組合來完成豐富的功能。

---

二、Store Enhancer
中間件可以用來增強(qiáng)Redux store的dispatch方法，但也僅限于dispatch方法，也就是從dispatch函數(shù)調(diào)用到action對(duì)象被reducer處理的這個(gè)過程中的操作，如果想要對(duì)redux store進(jìn)行更深層次的增強(qiáng)定制，就需要使用Store Enhancer。

1. 增強(qiáng)器的接口
2. 增強(qiáng)實(shí)例reset

另外有需要云服務(wù)器可以了解下創(chuàng)新互聯(lián)scvps.cn，海內(nèi)外云服務(wù)器15元起步，三天無(wú)理由+7*72小時(shí)售后在線，公司持有idc許可證，提供“云服務(wù)器、裸金屬服務(wù)器、高防服務(wù)器、香港服務(wù)器、美國(guó)服務(wù)器、虛擬主機(jī)、免備案服務(wù)器”等云主機(jī)租用服務(wù)以及企業(yè)上云的綜合解決方案，具有“安全穩(wěn)定、簡(jiǎn)單易用、服務(wù)可用性高、性價(jià)比高”等特點(diǎn)與優(yōu)勢(shì)，專為企業(yè)上云打造定制，能夠滿足用戶豐富、多元化的應(yīng)用場(chǎng)景需求。

網(wǎng)站題目：React總結(jié)篇之九_(tái)擴(kuò)展Redux-創(chuàng)新互聯(lián)
文章起源：http://www.chinadenli.net/article18/dgchgp.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供用戶體驗(yàn)、小程序開發(fā)、網(wǎng)站制作、網(wǎng)頁(yè)設(shè)計(jì)公司、網(wǎng)站改版、域名注冊(cè)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)