在React Typescript中创建和使用历史对象的接口？

npm install react-router-dom

import React from 'react';
import { useHistory } from 'react-router-dom';

const MyComponent: React.FC = () => {
  const history = useHistory();

  const handleGoBack = () => {
    history.goBack(); // 返回上一页
  };

  const handleGoForward = () => {
    history.goForward(); // 前进到下一页
  };

  const handleGoToPage = (path: string) => {
    history.push(path); // 导航到指定页面
  };

  return (
    <div>
      <button onClick={handleGoBack}>返回</button>
      <button onClick={handleGoForward}>前进</button>
      <button onClick={() => handleGoToPage('/other-page')}>跳转到其他页面</button>
    </div>
  );
};

export default MyComponent;