functionComponent.js

// learnreact.com
// http://codepen.io/anon/pen/QdBYBK

const Greetings = ({ Tag, age, name, ...restProps }) => {
  let element = null
  
  const handleClick = () => alert(element.tagName)
  
  return (
    <Tag
      {...restProps}
      ref={el => element = el}
      onClick={handleClick}
    >
      {name} is {age}!
    </Tag>
  )
}

Greetings.defaultProps = {
  age: 18
}

Greetings.propTypes = {
  name: React.PropTypes.string
}

ReactDOM.render(
  <Greetings Tag="h1" style={{color: 'red'}} name="Pedro" age="28" />,
  document.getElementById('root')
);