how to use mixin, publish&subscribe(meteor) in React es6

ErrorMixins.jsx

export const ErrorMixins = {

	bye() {
		console.log('bye');
	}

};

Example( do not use pubsub).jsx

import React from 'react';
import { mixin } from '../../../startup/client/mixins/mixin.jsx';

export class Example extends mixin( React.Component, 'errorMixins' ) {

	render () {

		return ( <div>
			example
		</div> );

	}

}

Example(using pubsub).jsx

import { Meteor } from 'meteor/meteor';
import { createContainer } from 'meteor/react-meteor-data';
import React from 'react';
import { mixin } from '../../../startup/client/mixins/mixin.jsx';
const example = new Mongo.Collection( 'example' );

const ExampleContainer = createContainer( () => {
	const subscribe = Meteor.subscribe('example');
	const loading = subscribe.ready();
	return {
		loading : loading,
		list : example.find().fetch()
	};
}, React.Component );

export class Example extends mixin( ExampleContainer, 'errorMixins' ) {

	constructor( props ) {

		super(props);

	}

	render() {

		if( this.data.loading ) {
			return(
				<div>
					{ this.data.list.map( ( doc, i ) => {
						return <div key={ i }>{ doc.name }</div>
					})}
				</div>
			)
		} else{
			return <div>loading...</div>
		}
	}

}

Example.PropTypes = {

};

mixin.jsx

import React from 'react';
import { SaveMixins } from './SaveMixins';
import { ErrorMixins } from './ErrorMixins';

const _mixins = { SaveMixins, ErrorMixins };

export const mixin = ( component, ...mixins ) => class extends component {

	constructor() {
		super();
		mixins.forEach( ( mixin ) => {
			for ( let func in _mixins[ mixin ] ) {
				this[ func ] = this[ func ] || _mixins[ mixin ][ func ].bind( this );
			}
		} );
	}

};

SaveMixins.jsx

export const SaveMixins =  {

	hello() {
		console.log('hello');
	}

};