React使用Redux管理数据

1.文件目录

2.state.js

export default {
	areaIndex: 0,
	token: {
		accessToken: '',
		idToken: '',
		refreshToken: ''
	}
}

3.index.js

Redux 提供createStore这个函数，用来生成 Store。

createStore函数接受另一个函数作为参数，返回新生成的 Store 对象。

import { applyMiddleware, createStore } from 'redux'

// 中间件，用于异步action
import thunk from 'redux-thunk'

// 引入reducer
import reducers from './reducers.js'

// 创建store实例
let store = createStore(
  reducers,
  applyMiddleware(thunk)
)

export default store

4.actions.js

Action 是一个对象。其中的type属性是必须的，表示 Action 的名称。其他属性可以自由设置。

store.di