什麼是`React` ES6使用`Mixin`正確的方法

Question

在ES5：

var TodoApp = React.createClass({ 
    mixins: [ReactFireMixin], //working fine 
    ... 
}); 

在ES6：（創建使用react cli）

class TodoApp extends Component { 
    constructor(props) { 
     super(props) 
    } 
    mixins= [ReactFireMixin] //not working 
    ... 
} 

什麼正確的做法呢？

Answer 1

react-mixin解決我的問題

CODE：

class TodoApp extends Component { 
    constructor(props) { 
     super(props) 
    }   
    ... 
} 
reactMixin(TodoApp .prototype, ReactFireMixin); 

Answer 2

Mixins已棄用，不受ES6類支持。請參閱https://facebook.github.io/react/blog/2016/07/13/mixins-considered-harmful.html。幾年前，我在一個項目中廣泛地使用了mixin，並且最終難以維護。改用組合物。