How to use

StepWizard

in

react-step-wizard

render() {
  const { SW, demo } = this.state;

  return (
   <div className='container'>
    <h3>Complete Your Profile</h3>
    <div className={'jumbotron'}>
     <div className='row'>
      <div className={'col-12 col-sm-6 offset-sm-3 rsw-wrapper'}>
       <StepWizard
        onStepChange={this.onStepChange}
        isHashEnabled
        transitions={this.state.transitions}
        nav={<Nav />}
        instance={this.setInstance}
       >
        <First hashKey={'FirstStep'} update={this.updateForm} />
        <Second form={this.state.form} />
        <Progress />
        <Last hashKey={'TheEnd!'} />
       </StepWizard>
      </div>
     </div>
    </div>
   </div>
  );
 }

render() {
  const { SW, demo } = this.state;

  return (
   <div className='container'>
    <h3>Complete Your Profile</h3>
    <div className={'jumbotron'}>
     <div className='row'>
      <div className={'col-12 col-sm-6 offset-sm-3 rsw-wrapper'}>
       <StepWizard
        onStepChange={this.onStepChange}
        isHashEnabled
        transitions={this.state.transitions}
        nav={<Nav />}
        instance={this.setInstance}
       >
        <First hashKey={'FirstStep'} update={this.updateForm} />
        <Second form={this.state.form} />
        <Progress />
        <Last hashKey={'TheEnd!'} />
       </StepWizard>
      </div>
     </div>
    </div>
   </div>
  );
 }