react项目中使用状态管理

1. 安装 redux 

2.  安装 react-redux

3.在src目录下创建一个store目录

import { createStore } from 'redux'

// 1. 定义
const notices = (state = { isAllRead:false, count: 8 }, action ) => {
  switch (action.type) {
    case "Read_All":
        return {...state, isAllRead:true }
    default:
      return state
  }
}

// 2. 创建
const store = createStore (notices)

export default store

4. 在react更节点中使用 provide 

// 1. 引入provider
import { Provider } from 'react-redux'
// 2. 引入store
import store from './store/index'

// 3. 导入数据
<Provider store={store}>
...
</Provider>

5. 在组件中使用

// 导入connect 连接组件
import { connect } from 'react-redux'

// 1. 使用mapStateToProps 将store 数据派发给props中
const mapStateToProps = (state, ownProps) => {
  return {
    all:state.