The App

App.js

import React, { Component } from 'react';
import './App.css';
import State from './State';
import Posts from './components/Posts';
import { LOAD_APP } from './constants/actionTypes';
import { connect } from 'react-redux';

const mapDispatchToProps = dispatch => ({
  onLoad: (payload) => {
    dispatch({ type: LOAD_APP, payload })
  }
});

const mapStateToProps = state => ({ ...state });

class App extends Component {
  componentWillMount() {
    this.props.onLoad(State);
  }
  render() {
    return (
      <Posts posts = {this.props.posts} />
    );
  }
}

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