混入

我們只能使用 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 類。原因是它們被認為是有害的 。