Reactjs 如何在react es6中重写react mixin？

下午好，我正在尝试将项目从React es5转移到React es6，我遇到了一个问题，即mixin。 我有一个这种类型的组件

var BasicProfileComponent = React.createClass({

    mixins: [GoogleMapApi],

    componentWillMount: function() {
        this.initializeGoogleMapApi(this.onGoogleApiLoaded);
    }
)}

并融入其中

var GoogleMapApi = {
  initializeGoogleMapApi: function(callback) {
    if (window.apiLoaded) {
      callback();
    }

    // adding calback to a queue
    this.pullOfCallbacks.push(callback);
  }
}

---

如何重写此组件以进行反应。组件并在其内部使用mixin，或者如何为此mixin创建替代项？

mixin不用于React for a，都是共享状态逻辑的有效替代方案，而且它们的工作方式都比mixin好