react引入redux

1.下载相关依赖包

npm install --save redux@3.7.2 react-redux redux-thunk
npm install --save-dev redux-devtools-extension

注意:redux 不能下载最新版本
2.在redux中创建以下四个js文件

image.png

//store.js
/* redux最核心的store对象模块*/
import { createStore, applyMiddleware } from 'redux'
import thunk from 'redux-thunk'
import { composeWithDevTools } from 'redux-devtools-extension'
import reducers from './reducers'

export default createStore(reducers, composeWithDevTools(applyMiddleware(thunk)))

//reducers.js
/* 包 含 多 个 用 于 生 成 新 的 state 的 reducer函 数 的 模 块*/
import { combineReducers } from 'redux'

function xxx(state = 0, action) {
    return state
}
function yyy(state = 0, action) {
    return state
}
//返回合并后的reducer函数
export default combineReducers({ xxx, yyy })

//actions.js
//action-types.js

4.谷歌浏览器安装redux扩展程序

image.png