Redux 入門教程—12中間件

原創 jiaojsun 2020-06-22 17:40

現在有一個需求，每一次dispatch的時候都會打印一下日誌發送到終端

我們可以在每一個action中這樣打印一下，但是假如有100個action，那寫起來就很麻煩 

 現在我們就可以用中間件來實現

先學習一下中間件的概念

中間件如何寫呢？

 

現在我們來試一下吧

 第一步，引入applyMiddleware

 第二步，中間件是一個函數

這樣我們每次觸發一個action，就會打印一條數據，這樣就實現了剛開始的需求。

 上面的箭頭函數看起來比較費勁，換一種方式寫就明白了

 假如有錯誤的話怎麼寫

首先我們模擬一個錯誤

然後我們再寫一個關於error的中間件

 

然後點擊

發表評論
所有評論
還沒有人評論，想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章

Redux 入門教程—15redux-thunk 實踐發送 ajax 請求

首先安裝一個庫axios，可以用來發送異步的ajax請求 yarn add axios 然後導入該庫 https://randomuser.me/ components/User.js import React, { Component

jiaojsun 2020-06-22 19:55:56

Redux 入門教程—14異步和 redux-thunk

我們在項目經常要發送ajax，處理異步等，這個也可以使用中間件 第一步：安裝 第二步： 使用 第三步：action代碼 import { INCREMENT, DECREMENT } from '../constants'; ex

jiaojsun 2020-06-22 18:56:04

Redux 入門教程—13redux-logger

現在我們可以使用別人寫好的中間件，這節使用一個關於打印日誌的中間件redux-logger 如何使用？ 第一步：安裝 第二步： 使用 第三步：檢驗（點擊之後就會打印）  

jiaojsun 2020-06-22 17:40:28

Redux 入門教程—17異步與 promise

https://github.com/pburtchaell/redux-promise-middleware/blob/master/docs/introduction.md http://es6.ruanyifeng.com/#doc

jiaojsun 2020-06-22 17:40:16

Redux 入門教程—15redux-thunk 實踐發送 ajax 請求

首先安裝一個庫axios，可以用來發送異步的ajax請求 yarn add axios 然後導入該庫 https://randomuser.me/ components/User.js import React, { Component

jiaojsun 2020-06-22 19:55:56

Redux 入門教程—14異步和 redux-thunk

我們在項目經常要發送ajax，處理異步等，這個也可以使用中間件 第一步：安裝 第二步： 使用 第三步：action代碼 import { INCREMENT, DECREMENT } from '../constants'; ex

jiaojsun 2020-06-22 18:56:04

Redux 入門教程—13redux-logger

現在我們可以使用別人寫好的中間件，這節使用一個關於打印日誌的中間件redux-logger 如何使用？ 第一步：安裝 第二步： 使用 第三步：檢驗（點擊之後就會打印）  

jiaojsun 2020-06-22 17:40:28

Redux 入門教程—17異步與 promise

https://github.com/pburtchaell/redux-promise-middleware/blob/master/docs/introduction.md http://es6.ruanyifeng.com/#doc

jiaojsun 2020-06-22 17:40:16