React 之 Redux

项目在开发过程中，组件之间的关系可能会越来越复杂，最后变得难以维护。

不同的框架可以使用不同的状态管理插件，比如 vue 使用 vuex、piana， react 使用 redux 等等。

使用redux之后，所有的状态都来自于 store 中的 state，store 通过 react-redux 中的 Provider 组件可以传递到 Provider 下的所有组件，达到全局状态管理。

安装

npm install --save redux

有时可能需要安装一些辅助工具：

• save react-redux
• save-dev redux-devtools

使用

创建 store/index.js 文件

import {createStore} from 'redux'
import reducer from './reducer';
export default createStore(reducer)

创建 store/reducer.js 文件

• export default 用于返回 state 数据

const defaultState = {
    a: 1
};
export default (state = defaultState, action) => {
    return state;
}

在具体的页面中，获取：

import store from './store';

store.getState()