title: Refactor a React component from function to ES6 class
body: <p>I'm new to ES6.
  Got a bit confused on different ways to write a React component.
  I started with a "React.createClass" then moved to "extends React.Component" with ES6 classes syntax.</p>
  
  <p>Following Redux tutorial now I see they define components in this way</p>
  
  <pre><code>import React, { PropTypes } from 'react'
  
  const Todo = ({ onClick, completed, text }) =&gt; (
      &lt;li onClick={onClick} style={{ textDecoration: completed ? 'line-through' : 'none' }} &gt;
          {text}
      &lt;/li&gt;
  )
  
  Todo.propTypes = {
      onClick: PropTypes.func.isRequired,
      completed: PropTypes.bool.isRequired,
      text: PropTypes.string.isRequired
  }
  
  export default Todo
  </code></pre>
  
  <p>How can I refactor this "function" moving to a ES6 class which extends React.component? I guess the return JSX is the render() method, isn't it?
  What about onClick, completed, text arguments?</p>
  
  <p>Thank you</p>