redux中间件的认识

一、redux Thunk中间件的认识

主要作用就是让action创建的函数不会立即执行返回一个action对象,在正常业务开发中,我们可能要在action里面做些业务处理就可以用的到

• 1、安装

  npm install redux-thunk --save

• 2、项目中导包

  import thunk from 'redux-thunk';

• 3、与redux结合来使用

  import {createStore, applyMiddleware} from 'redux';
  // 创建一个store
  let store = createStore(count,applyMiddleware(thunk));

• 4、中间件的函数格式(函数里面进行业务操作,然后要dispatch一个action)

  // 定义一个action  
  const action1 = () => ({
      type: INCREMENT,
  });
  // 一个高阶函数(返回的函数里面的参数是固定的)
  const action4 = () => {
      return (dispatch, getState) => {
          //进行业务操作
          dispatch(action1());
      }
  }

二、常见的中间件

• 1、redux-logger打印日志中间件

  import { applyMiddleware, createStore } from 'redux';
  import createLogger from 'redux-logger';
  const logger = createLogger();
  
  const store = createStore(
    reducer,
    applyMiddleware(logger)
  );

• 2、redux-saga中文官网