在src目录下创建四个js文件分别为 index.js, action.js, reducers.js, state.js
分别用来创建store仓库,异步请求,真正用到的数据集合,默认数据设置
需要用到的工具有
Npm install redux -s
状态管理工具,与React没有任何关系,其他UI框架也可以使用Redux
Npm install react-redux -s
React插件,作用:方便在React项目中使用Redux
Npm install react-thunk -s
中间件,作用:支持异步action
目录:
image.png
reducers.js:
// 它就是将来真正要用到的数据,我们将其统一放置在reducers.js文件
import {combineReducers} from 'redux'
import defaultState from './state.js'
function pageTitle (state = defaultState.pageTitle,action) {
// 不同的action有不同的处理逻辑
switch (action.type) {
case 'SET_PAGE_TITLE':
return action.data
default:
return state
}
}