redux中间件的简单讲解

Redux中间件是可以介入Redux处理过程的一种机制。Redux中间件通常以函数的形式存在，它们会包装store的dispatch方法，来达到拦截和处理action的目的。

Redux中间件的一个常见用途是允许开发者在action被dispatch之前或之后进行一些操作，比如异步操作、日志记录、异常处理等。

以下是一个简单的自定义Redux中间件示例，它用于记录dispatch的action：

const logger = store => next => action => {
  console.log('Dispatching:', action)
  let result = next(action)
  console.log('New state after dispatch:', store.getState())
  return result
}
 
const store = createStore(
  reducer,
  applyMiddleware(logger)
)

在这个例子中，logger就是一个简单的Redux中间件。它接收store作为参数，返回一个新的next函数，这个next函数又返回一个处理action的函数。在这个处理action的函数内，它首先记录了将要dispatch的action，然后通过调用next(action)来继续action的dispatch流程，接着记录dispatch后的新状态，最后返回result。

要使用这个中间件，你需要在创建store的时候通过applyMiddleware函数将它应用进去。这样，每次调用store.dispatch时，都会经过logger中间件，从而可以看到action的dispatch情况。