title: How to display the value of state in react-redux
body: <p>I have a functional counter app I'm working on with react-redux. I can see every time that I dispatch an action using my Increment/Decrement functions the state updates, however, I am unable to actually output the value of my state.</p>
  
  <p>This is my first time trying to build a redux application with modules(as opposed to building an html file with a redux cdn). Please help me figure out what I'm doing wrong.</p>
  
  <p>Thanks.</p>
  
  <pre><code>
  //App.js
  
  import { Increment, Decrement } from './redux'
  
  class App extends Component {
    render() {
      return (
        &lt;div className="App"&gt;
          &lt;h1&gt;{this.props.count}&lt;/h1&gt; //Doesn't output anything
          &lt;button onClick={this.props.Increment}&gt;+&lt;/button&gt;
          &lt;button onClick={this.props.Decrement}&gt;-&lt;/button&gt;
        &lt;/div&gt;
      );
    }
  }
  
  const mapStateToProps = state =&gt; ({
      count: state.count
  })
  
  const mapDispatchToProps = {
      Increment,
      Decrement
  }
  
  const AppContainer = connect(
      mapStateToProps,
      mapDispatchToProps
  )(App)
  
  export default AppContainer
  
  </code></pre>
  
  <pre><code>//redux.js 
  
  import { createStore } from 'redux';
  
  export const Increment = () =&gt; {
      return {
          type: 'INCREMENT'
      }
  }
  
  export const Decrement = () =&gt; {
      return {
          type: 'DECREMENT'
      }
  }
  
  
  export const reducer = (state = 0, action) =&gt; {
      switch(action.type){
          case 'INCREMENT':
          return state + 1
  
          case 'DECREMENT':
          return state - 1
  
          default:
          return state
      }
  }
  
  
  export function configureStore(intitalState = 0){
      const store = createStore(reducer, intitalState)
      return store;
  }
  
  export const store = configureStore()
  
  </code></pre>
  
  <pre><code>//index.js
  
  import React from 'react';
  import ReactDOM from 'react-dom';
  import './index.css';
  import App from './App';
  import * as serviceWorker from './serviceWorker';
  
  import { Provider } from 'react-redux';
  import { store } from './redux';
  import AppContainer from './App';
  
  ReactDOM.render
  (&lt;Provider store={store}&gt;
      &lt;AppContainer/&gt;
  &lt;/Provider&gt;, document.getElementById('root'));
  
  
  
  </code></pre>