如何在reactjs中使用react-form-stepper

import { FormStepper, Step } from 'react-form-stepper';

render() {
  return (
    <FormStepper>
      <Step label="Step 1">
        {/* 第一步的表单内容 */}
      </Step>
      <Step label="Step 2">
        {/* 第二步的表单内容 */}
      </Step>
      <Step label="Step 3">
        {/* 第三步的表单内容 */}
      </Step>
    </FormStepper>
  );
}

handleNextStep = () => {
  // 切换到下一步
  this.formStepper.nextStep();
}

handlePrevStep = () => {
  // 切换到上一步
  this.formStepper.prevStep();
}

handleGoToStep = (stepIndex) => {
  // 切换到指定的步骤
  this.formStepper.goToStep(stepIndex);
}

render() {
  return (
    <div>
      <FormStepper ref={(formStepper) => { this.formStepper = formStepper; }}>
        {/* 步骤内容 */}
      </FormStepper>
      <button onClick={this.handleNextStep}>下一步</button>
      <button onClick={this.handlePrevStep}>上一步</button>
      <button onClick={() => this.handleGoToStep(2)}>跳转到第三步</button>
    </div>
  );
}

<Step label="Step 1">
  <input type="text" name="name" required />
  <input type="email" name="email" required />
</Step>

<Step label="Step 3">
  <input type="text" name="address" required />
  <button onClick={this.handleSubmit}>提交</button>
</Step>