title: How to make mixins work in react es6?
body: <p>I am learning meteor and reactjs. I have encountered to mixins functionality. I am using es6 where mixin is removed. How can i now enjoy the functionality of mixins in my react es6 code? </p>
  
  <p><strong>Here is a code</strong></p>
  
  <p><strong>mixins used</strong></p>
  
  <pre><code>Signupform = React.createClass({
      mixins: [ReactMeteorData],
      getMeteorData(){
          let data = {};
          data.currentUser = Meteor.user();
          return data;
      },
      getInitialState(){
          return {
              message: '',
              messageClass: 'hidden'
          }
      },
      render(){
  
      }
  });
  </code></pre>
  
  <p><strong>can't use mixins so how can i make this code work</strong></p>
  
  <pre><code>import React, { Component } from 'react';
  import ReactDOM from 'react-dom';
  
  export default class SignupForm extends Component {
      constructor(props){
          super(props);
          this.state = {
              message:'',
              messageClass:''
          }
          this.handleSubmit = this.handleSubmit.bind(this);
      }
  
      getMeteorData(){
              let data = {};
              data.currentUser = Meteor.user();
              console.log('data',data);
              return data;
          }
  
      render(){
          return(
              )
      }
  }
  </code></pre>
  
  <p>Same mixins is used in several other components. I am following tutorial of building social network with meteor and reactjs.</p>