title: React Component change from one type to the other
body: <p>I currently have a React component...Here's the code:</p>
  
  <pre><code>import React, { PropTypes } from 'react';
  
  export default class Message extends React.Component {
    constructor(props) {
      super(props);
    }
    render() {
  
      const { type } = this.props;
  
      if (type === 'success') {
        return (&lt;div&gt;{this.props.msg}&lt;/div&gt;);
      }  
    }
  }
  </code></pre>
  
  <p>I need to change it to this type of component:</p>
  
  <pre><code>const Message = props =&gt; (
    //Stuff here
  );
  
  
  export default Message
  </code></pre>
  
  <p>How can I do this?</p>