react-redux的使用及注意事项

使用react开发企业级应用在对数据进行共享时，原生的redux仓库管理方法比较繁琐。而react-redux是基于原生redux封装的一个插件库，使用起来比较简单，而且不用每次都订阅和取消订阅。下面就让我们来看看react-redux是如何使用的吧！
1.在一个react项目中安装 react-redux

yarn add react-redux  redux

2.新建一个 stroe 文件夹，创建管理员文件夹。

// 1. 定义管理员  src\store\reducer\index.js
const defaultState = {
    num: 0,
    userInfo: {
        name: '小明',
        age:17
    }
};

const reducer = (state = defaultState, action) => {
    return state;
};

export default reducer;

3.在 store 文件夹下，创建仓库文件

// 仓库 src\store\index.js

// 导入管理员
import reducer from './reducer/index.js';

import { createStore } from 'redux';

// 创建仓库并丢进去一个管理员
const store = createStore(reducer);

export default store;

4.在整个项目的入口 文件src/index.js 导入仓库 store

import React from 'react';
import ReactDOM from 'react-dom';
import App from './App';

import { Provider } from 'react-redux';

import store from './store';

ReactDOM.render(
  <Provider store={store}>
    <App />
  </Provider>,
  document.getElementById('root')
);

以上步骤完成后我们就给整个项目创建了一个仓库。