在ES6中对react使用alt

import alt from 'alt';

class MyActions {
  updateData(data) {
    this.dispatch(data);
  }
}

export default alt.createActions(MyActions);

import alt from 'alt';
import MyActions from './MyActions';

class MyStore {
  constructor() {
    this.bindActions(MyActions);
    this.data = null;
  }

  onUpdateData(data) {
    this.data = data;
  }
}

export default alt.createStore(MyStore, 'MyStore');

import React from 'react';
import { connectToStores } from 'alt/utils/decorators';
import MyStore from './MyStore';

@connectToStores
class MyComponent extends React.Component {
  static getStores() {
    return [MyStore];
  }

  static getPropsFromStores() {
    return MyStore.getState();
  }

  render() {
    const { data } = this.props;

    return (
      <div>{data}</div>
    );
  }
}

export default MyComponent;