title: Redux State in Component
body: <p>trying to figure out how to pull Redux store state into my component from Redux. I've got mapStateToProps and "connect" wired up. However, when I click my button in "App" component, this.props doesn't have my Redux values in it. </p>
  
  <pre><code>// React and Redux Const
  const { Component } = React;
  const { render } = ReactDOM;
  const { Provider, connect } = ReactRedux;
  const {createStore, combineReducers, bindActionCreators } = Redux;
  
  
  
  function tweetReducer(state=[],action) {
      if(action.type === 'ADD_TWEET') {
          return state.concat({ id: Date.now(), tweet: action.payload})
      } else {
          return state;
      }
  }
  
  const rootReducer = combineReducers ({
      state: (state = {}) =&gt; state,
      tweets: tweetReducer
  });
  
  
  class App extends Component{
      buttonClicked() {
          store.dispatch({type: 'ADD_TWEET', payload: 'This is my first 
  tweet!'});
          console.log(this.props)
      }
      render() {
          return (
              &lt;div&gt;
                  &lt;h5&gt;Hello from App&lt;/h5&gt;
                  &lt;button onClick={this.buttonClicked.bind(this)}&gt;Button&lt;/button&gt;
  
                  &lt;div&gt;-------------------&lt;/div&gt;
                  &lt;Display /&gt;
              &lt;/div&gt;
           )
       }
  }
  
  class Display extends Component {
      render() {
          return (
              &lt;div&gt;
                  &lt;h3&gt;Tweets:&lt;/h3&gt;
                  {this.props.tweets}
              &lt;/div&gt;
          )
      }
  }
  
  function mapStateToProps(state) {
      console.log('mapping state to props')
  
      return {
          tweets: state.tweets
      }
  }
  
  let store = createStore(rootReducer)
  
  render (
      &lt;Provider store={store}&gt;
          &lt;App /&gt;
      &lt;/Provider&gt;
      , document.querySelector('#app')
  );
  connect(mapStateToProps)(App)
  
  console.log(store.getState());
  </code></pre>