ConnectedProfilePicture.jsx

import { connect } from 'react-redux'
import ProfilePicture from 'components/ProfilePicture'
import { changeProfilePicture } from '../actions'

export function mapStateToProps(state:any, ownProps:any):any
{
    return {
        profilePictureUrl: state.user.profilePictureUrl,
    }
}

export function mapDispatchToProps(dispatch:Function):any
{
    return {
        onClick: () => dispatch(changeProfilePicture),
    }
}

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

ProfilePicture.jsx

import * as React from 'react'

export default class ConversationsList extends React.Component
{
    propTypes: {
	profilePictureUrl: React.PropTypes.string.isRequired,
        onClick: React.PropTypes.function.isRequired
    }

    render() {
	let { profilePictureUrl, onClick } = this.props;
	
        return (
            <div class="profile-picture" onClick={() => onClick()}>
	        <img src={profilePictureUrl} />
	    </div>
        );
    }
}