title: React Router Navigation in multi step form
body: <p>I have a react multi step form with a flux store like this:</p>
  
  <pre><code>// MultiForm.js
  ....
  import LoadFile from './components/LoadFile';
  import LoadPeople from './components/LoadPeople';
  import Confirmation from './components/Confirmation';
  
  class MultiForm extends Component {
  .
  .
  .
  
      nextPage() {
        // Update page number with a flux action
        MultiStepActions.nextPage();
      }
  
      previousPage() {
        // Update page number with a flux action
        MultiStepActions.previousPage();
      }
  
      render() {
         const {pagina} = this.state;
         &lt;div className="container"&gt;
           {page === 1 &amp;&amp; &lt;LoadFile
             handleChange={this.handleChange}
             file={this.state.file}
             nextPage={this.nextPage}
             data1={this.state.data1}
             data2={this.state.data2}
             data3={this.state.data3}/&gt;
           }
           {page === 2 &amp;&amp; &lt;LoadPeople
             listPeople={this.state.listPeople}
             nextPage={this.nextPage}
             previousPage={this.previousPage}
             handleChangePeople={this.handleChangePeople}/&gt;
           }
           {page === 3 &amp;&amp; &lt;Confirmation
             listData={this.state.listData}
             nextPage={this.nextPage}
             previousPage={this.previousPage}/&gt;
           }
         &lt;/div&gt;
      }
  }
  
  
  // Index.js with react-router
  import Menu from './components/Menu';
  class Index extends Component {
      class App extends Component {
        render() {
          return (
            &lt;div&gt;
              &lt;Menu /&gt;
              {this.props.children}
            &lt;/div&gt;
          )
        }
      }
  
      render((
        &lt;Router history={browserHistory}&gt;
          &lt;Route path="/" component={App}&gt;
            &lt;Route path="/MultiForm" component={MultiForm}&gt;
            &lt;/Route&gt;
          &lt;/Route&gt;
        &lt;/Router&gt;
      ), document.getElementById('app'));
  }
  </code></pre>
  
  <p>It is a summary of the main component (MultiForm) and a basic react router scenario.
  In the component I am using a flux store to set and get the actual number of page of the multi step form and then render the component according to the actual page.</p>
  
  <p>In the components (LoadFile, LoadPeople, Confirmation) I have a button to navigate to the next and previos page (via nextPage and previousPage functions) and all wokr ok.</p>
  
  <p>Now I want achieve the same result using the back and previous buttons of the browser and I suppose with react-router. So, how I must configure react router or what I need to do in order to getting the browser buttons to work equals to my next and previous buttons?</p>