es6でrefluxjsするときのmixin方法

babelを使ってES6でRefluxJSを使ってみたところReactのmixinを使ってリスナーを指定する部分ができなくて困ってしまったのでメモ。

classではなくfunctionをexportするようにして、function内でclass作成する。
classを作成したらreact-mixinというライブラリを使ってmixinする。
なんかもっといい方法ありそうな気はする。

my_component.js

import React from "react";
import ReactMixin from 'react-mixin';

export default function CreateMyComponent(store) {
  class MyComponent extends React.Component {
    render: { ... }
  }
  ReactMixin(MyComponent.prototype, Reflux.listenTo(store, "onValueChange"));
  return MyComponent;
}