如果对redux的概念和用法掌握的已经不错了 那么现在react-redux会让你的操作更加的得心印手

    忘记subscribe，记住reducer，action和dispatch即可
    React-redux提供Provider和connect两个接口来链接

这里我们还是用一个计数器来讲解

• 第一步安装

 $  npm install react-redux --save

• React-redux具体使用
  Provider组件在应用最外层，传入store即可，只用一次
  index.js

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

Connect负责从外部获取组件需要的参数
App.js

import React from 'react';
import { connect } from 'react-redux'
import {add_A,rem_R,addAsync} from './index.redux.js'
 class App extends React.Component{
    constructor(props){
        super()
    }
    render(){
        return (
            <div>
                <h1>现在是数字几{this.props.num}</h1>
                {

这份代码是actionCreator和reducer 主要改变的代码都在
index.reduer.js

//创建常量
const ADD_N = "加"
const REM_N = "减"

如果上面的基础用法你已经学会了那么再看看下面@connect注解的方法吧

使用装饰器优化connect代码

1、弹出个性化配置(因为很多的配置被react的脚手架隐藏了起来 这一步就是了展开，这个操作是不可逆的)

 $ Npm run eject

2、安装依赖的插件

$ npm install babel-plugin-transform-decorators-legacy插件

3、完成上一步操作在Package.json里babel加上plugins配置 "plugins":["transform-decorators-legacy"]

  "babel": {
    "presets": [
      "react-app"
    ],
    "plugins":["transform-decorators-legacy"]   
  },

上面的步骤都完成了话就可以用@connect注解的方法来优化我们的App.js啦
App.js

import React from 'react';
import { connect } from 'react-redux'
import {add_A,rem_R,addAsync} from './index.redux.js'