如何在React ES6中重写React Mixins？

Question

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

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

我如何才能将此组件重写为React.Component并在其中使用mixin或如何为此mixin创建替代条目？

Answer 1

loong time now不使用Mixin。 High Order Components，Render Props，Hooks都是共享状态逻辑的有效替代方法，并且它们的工作方式都比mixins好。