Flux and request tracking: part 1

some-component.jsx

class SomeComponent extends React.Component {
  
  getInitialState() {
    return {
      requestId: null
    }
  }
  
  createArticleSuccess() {
    // Do stuff on success..
  }
  
  createArticleError() {
    // Do stuff on error..
  }
  
  resetRequestId() {
    this.setState({requestId: null});
  }
  
  render() {
    let requestTracker = null;
    if (this.state.requestId !== null) {
      requestTracker = <RequestTracker 
        requestId={this.state.requestId} 
        success={this.createArticleSuccess}
        fail={this.createArticleError}
        always={this.resetRequestId} />;
    }
    return <div className="my-component">
      <h1>Hello world</h1>
      {requestTracker}
    </div>;
  }
}