1. 目标
- 学会 yarn 或 npm 安装中间件
- 学会配置 redux 的 store
- 学会 store 的接入和使用
2. 安装中间件
安装redux用到的中间件: redux react-redux redux-thunk redux-logger
$ yarn add redux react-redux redux-thunk redux-logger
# 或者使用 npm
$ npm install --save redux react-redux redux-thunk redux-logger
3. 配置 store
在项目 src 目录下新增一个 store 目录,在目录下增加 index.js 文件用来配置 store。
- src/store/index.js
import { createStore, applyMiddleware, compose } from 'redux';
import thunk from 'redux-thunk';
import reducer from '../reducers';
// window.__REDUX_DEVTOOLS_EXTENSION__ 可使用Redux DevTools插件
const composeEnhancers = window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__ ? window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__({}) : compose;
// 使用Redux-thunk中间件
const enhancer &#