App.js - Simple React + Redux example

App.js

import React, {Component} from 'react';
import './App.css';
import {bindActionCreators} from 'redux';
import {connect} from 'react-redux';
import * as appAction from './AppAction';

class App extends Component {
    render() {
        return (
            <div className="App">
                <button onClick={this.props.appAction.increment}>+</button>
                Count: {this.props.count}
                <button onClick={this.props.appAction.decrement}>-</button>
            </div>
        );
    }
}

function mapStateToProps(state) {
    return {
        count: state.count
    };
}

function mapDispatchToProps(dispatch) {
    return {
        appAction: bindActionCreators(appAction, dispatch)
    };
}

export default connect(mapStateToProps, mapDispatchToProps)(App);