Component Talking to Store in React + Flux

component.js

class LinkAccounts extends Component {
  constructor(props) {
    super(props);
    this.state = this.getState();
    this.state.pageLoading = 50;
    this._onChange = this._onChange.bind(this);
    LoaderStore.addChangeListener(this._onChange);
  }
  
  _onChange() {
    this.setState(this.getState());
  }
  getState() {
    return {
      pageLoading: LoaderStore.getPageLoader(),
    }
  }
  componentDidMount() {
    LoaderActions.donePageLoading();
  }

  componentWillMount() {
    LoaderActions.startPageLoading();
  }


  render() {
    return (
      <DocumentTitle title="component">
        { this.state.pageLoading && <Progress percent={this.state.pageLoading}/>}
        <div id="content">
         
        </div>
      </DocumentTitle>
    );
  }

}

export default LinkAccounts;