混入

我们只能使用 mixins 和 React.createClass 方法。

React.createClass

在这个版本中,我们可以使用 mixins 属性将 mixins 添加到组件中,该属性带有一个可用的 mixin 数组。然后,这些扩展了组件类。

import React from 'react';

var MyMixin = {
  doSomething() {

  }
};
const MyComponent = React.createClass({
  mixins: [MyMixin],
  handleClick() {
    this.doSomething(); // invoke mixin's method
  },
  render() {
    return (
      <button onClick={this.handleClick}>Do Something</button>
    );
  }
});

export default MyComponent;

React.Component

使用 ES6 编写的 React 组件时,不支持 React mixins。而且,他们不会在 React 中支持 ES6 类。原因是它们被认为是有害的