title: componentDidMount method not triggered when using inherited ES6 react class
body: <p>I'm trying to use ES6 classes inside of React, and want all my components to inherit certain methods, however as soon as I try to extend a component which extends the React.Component class, the componentDidMount method doesn't trigger and hence nothing gets rendered. The code I'm using:</p>
  
  <p>BaseComponent.jsx</p>
  
  <pre><code>import React from 'react';
  
  class BaseComponent extends React.Component {
  
      constructor() {
          super();   
          console.log('BaseComponent constructor');
       }
  
       render() {
           return (
               &lt;div&gt;Hello, Im the base component&lt;/div&gt;  
           );
       }
  }
  
  export default BaseComponent;
  </code></pre>
  
  <p>ExampleComponent.jsx</p>
  
  <pre><code>import BaseComponent from './BaseComponent';
  
  class ExampleComponent extends BaseComponent {
       constructor(props) {
  
          super(props);
       }
  
       componentDidMount() {
           console.log('exampleComponent mounted');
       }
  
      render() {
          return (
              &lt;div&gt;Hello, Im the example component&lt;/div&gt;  
          );
      }
  }
  
  export default ExampleComponent;
  </code></pre>
  
  <p>App.jsx</p>
  
  <pre><code>import React from 'react';
  React.render(&lt;ExampleComponent /&gt;, document.body);
  </code></pre>
  
  <p>I'm using React 0.13.3, and using babelify 6.1.2 to transpile.</p>
  
  <p>The string 'exampleComponent mounted' never gets logged to console, and nothing is rendered. Any ideas what I'm doing wrong?</p>