如何在React + Typescript中将状态更新为以前的状态

import React, { useState, useEffect } from 'react';

const MyComponent: React.FC = () => {
  const [status, setStatus] = useState('initial'); // 设置初始状态

  useEffect(() => {
    window.addEventListener('popstate', handlePopState); // 监听浏览器的前进和后退按钮

    return () => {
      window.removeEventListener('popstate', handlePopState); // 在组件卸载时移除事件监听器
    };
  }, []);

  const handlePopState = () => {
    const previousStatus = window.history.state?.status || 'initial'; // 获取历史记录中的状态值

    setStatus(previousStatus); // 更新组件的状态为以前的状态
  };

  const updateStatus = (newStatus: string) => {
    setStatus(newStatus); // 更新组件的状态
    window.history.pushState({ status: newStatus }, ''); // 更新浏览器的历史记录
  };

  return (
    <div>
      <p>当前状态：{status}</p>
      <button onClick={() => updateStatus('newStatus')}>
        更新状态为newStatus
      </button>
    </div>
  );
};

export default MyComponent;