WizardHashNavEx.es6

class BasicWizard extends React.Component {
  constructor() {
    this.state = {
      steps: []
      currentStep: location.hash //obvs this is an unsafe way to do this -- this example is for conceptual purposes only
    };
  }
  
  // This keeps the hash updated when the user moves to the next step in the wizard
  componentDidUpdate() {
    location.hash = this.state.currentStep
  }
  /*
  snip...
  */
  render() {
    let currentStep = this.state.currentStep;
    return(
       <div>
          <Step1 currentStep={currentStep) afterValid={this._next} />
          <Step2 currentStep={currentStep) afterValid={this._next} />
         <Step3 currentStep={currentStep) afterValid={this._next} />
       </div>
    );
  }
}