profile.jsx

import React, { Component } from 'react'

export default class Profile extends Component {

  constructor() {
    super()
    this.handleClick = (e) => {
      console.log(this.props)
    }
  }

  render () {
    return (
      <div className="profile">
        <h2>{this.props.name}</h2>
        <img src={this.props.avatar} />
        <p onClick={this.handleClick}>{this.props.children}</p>
      </div>
    )
  }
}