react获取全局_react全局变量使用react-redux

在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

}

}