Slim containers

ProfileContainer.jsx

import React from 'react';
import PropTypes from 'prop-types';
import { connect } from 'react-redux';

import { follow } from '../actions/follow';
import { fetchUser } from '../actions/users';
import Navbar from '../components/Navbar';
import Profile from '../components/Profile';

function mapStateToProps(state, { match: { params } }) {
  return {
    profile: state.users.entities[params.userId]
  };
}

class ProfileContainer extends React.Component {
  componentDidMount () {
    const { fetchUser, match: { params } } = this.props;

    fetchUser(params.userId);
  }
  
  handleFollow = () => {
    const { follow, match: { params } } = this.props;

    follow(params.userId);
  };

  render() {
    return (
      <div>
        <Navbar />
        <Profile profile={profile} onFollowPress={this.handleFollow} />
      </div>
    );
  }
}

export default connect(mapStateToProps, { follow, fetchUser })(ProfileContainer);