react中使用redux进行状态存储

1. 安装redux、react-redux

npm install redux
npm install react-redux 
//为了防止不小心修改state中的数据引入immutable，变成不可修改的数据
npm install immutable
npm install redux-immutable

2.在外层App.js中引入Provider

3.在组件中引入connect来进行store中数据的接收和派发改变

import { connect } from 'react-redux';
// 修改export部分的代码
export default connect(mapStateToProps, mapDispatchToProps)(Header)

4.创建store的文件夹，创建index.js 和reducer.js两个文件

index.js
reducer.js