Что такое правильный способ использовать `` Mixin` в React` ES6

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 решена моя проблема

КОД:

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

Answer 2

Миксины устарели и не поддерживаются классами ES6. См. https://facebook.github.io/react/blog/2016/07/13/mixins-considered-harmful.html. Несколько лет назад я использовал микшины в проекте, и это оказалось очень сложным для поддержания. Вместо этого используйте композицию.