Javascript 如何使混合器在react es6中工作?

Javascript 如何使混合器在react es6中工作?,javascript,meteor,reactjs,ecmascript-6,ecmascript-5,Javascript,Meteor,Reactjs,Ecmascript 6,Ecmascript 5,我正在学习流星和流星。我遇到了混合功能。我正在使用es6,其中mixin被删除。我现在如何在react es6代码中享受mixin的功能 这里有一个代码 使用的混音器 Signupform = React.createClass({ mixins: [ReactMeteorData], getMeteorData(){ let data = {}; data.currentUser = Meteor.user(); return d

我正在学习流星和流星。我遇到了混合功能。我正在使用es6,其中mixin被删除。我现在如何在react es6代码中享受mixin的功能

这里有一个代码

使用的混音器

Signupform = React.createClass({
    mixins: [ReactMeteorData],
    getMeteorData(){
        let data = {};
        data.currentUser = Meteor.user();
        return data;
    },
    getInitialState(){
        return {
            message: '',
            messageClass: 'hidden'
        }
    },
    render(){

    }
});
无法使用mixin,因此如何使此代码正常工作

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(
            )
    }
}

其他几个组件中也使用了相同的混合。我正在学习使用meteor和reactjs构建社交网络的教程。

如果我想调用这个注册表单组件,你也应该阅读这篇文章,我现在应该怎么做?我仍然可以从“../signup/SignupForm.jsx”使用import-SignupForm调用它吗;因为现在使用了导出默认数据包,所以使用
const ReactMeteorDataWrap = (BaseComponent)=>{
    return class ExportClass extends Component { 
        getMeteor(){
            //todo::some code to get Metor
        }
        render(){
            return <BaseComponent getMeteor={()=>this.getMeteor()} 
                 {...this.props}></BaseComponent>
        }
    }
}

export default ReactMeteorDataWrap 
 class SignupForm extends Component {
    constructor(props){
        super(props);
        this.state = {
            message:'',
            messageClass:''
        }
        this.handleSubmit = this.handleSubmit.bind(this);
    }

    getMeteorData(){
            let data = {};
            data.currentUser = this.props.getMeteor().user();
            console.log('data',data);
            return data;
        }

    render(){
        return(
            )
    }
}
export default ReactMeteorDataWrap(SignupForm)