react 计数器改进

使用connect

import React, { Component } from 'react'


import { connect } from 'react-redux'

const mapStateToProps = (state) => {
    return {
        count: state
    }

}

const mapActionCreater = {
    add: () => ({ type: "add" }),
    minus: () => ({ type: "minus" })

}
class Reduxdemo extends Component {
    constructor(props) {
        super(props)
    }
    render() {
        const { add, minus, count } = this.props;
        return (
            <div>
                <p>{count}</p>
                <button onClick={add}>+</button>
                &nbsp;&nbsp;&nbsp;
                <button onClick={minus}>+</button>
            </div>
        )
    }
}

export default connect(mapStateToProps, mapActionCreater)(Reduxdemo);

我在这里重点要标注下，两个方法