如何更新/保存Stepper值以供以后使用？

import React, { useState } from 'react';

function MyStepper() {
  const [currentStep, setCurrentStep] = useState(0);

  // 其他组件代码

  return (
    <div>
      {/* Stepper组件代码 */}
    </div>
  );
}

function MyStepper() {
  const [currentStep, setCurrentStep] = useState(0);

  const handleNextStep = () => {
    setCurrentStep(currentStep + 1);
  };

  const handlePreviousStep = () => {
    setCurrentStep(currentStep - 1);
  };

  // 其他组件代码

  return (
    <div>
      {/* Stepper组件代码 */}
      <button onClick={handleNextStep}>下一步</button>
      <button onClick={handlePreviousStep}>上一步</button>
    </div>
  );
}

const handleNextStep = () => {
  setCurrentStep(currentStep + 1);
  // 将当前步骤的值保存在localStorage中
  localStorage.setItem('stepperValue', currentStep + 1);
};

// 从localStorage中获取保存的Stepper值
const savedStep = localStorage.getItem('stepperValue');