如何在React中描述history.goBack的TS接口？

在React中描述history.goBack的TS接口可以通过以下方式实现：

首先，需要安装 @types/react-router-dom 类型定义库，可以使用以下命令进行安装：

npm install @types/react-router-dom

然后，在使用 history.goBack 方法的组件中，可以通过以下方式描述该方法的 TS 接口：

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

interface HistoryGoBackProps {
  // 定义 history.goBack 方法的 TS 接口
  goBack: () => void;
}

const MyComponent: React.FC<HistoryGoBackProps> = ({ goBack }) => {
  const history = useHistory();

  const handleGoBack = () => {
    goBack(); // 调用传入的 goBack 方法
    history.goBack(); // 调用 history.goBack 方法
  };

  return (
    <button onClick={handleGoBack}>Go Back</button>
  );
};

在上述代码中，我们通过 interface HistoryGoBackProps 定义了一个 TS 接口，其中包含了一个名为 goBack 的方法，该方法没有参数并且没有返回值。

在组件中，我们使用 useHistory 钩子获取 history 对象，并在 handleGoBack 方法中调用传入的 goBack 方法和 history.goBack 方法。

这样，当使用该组件时，可以通过传入一个实现了 goBack 方法的函数来实现 history.goBack 的功能。

例如：

const App: React.FC = () => {
  const handleGoBack = () => {
    console.log('Go back');
  };

  return (
    <div>
      <MyComponent goBack={handleGoBack} />
    </div>
  );
};

在上述代码中，我们将一个实现了 console.log 的函数传递给了 MyComponent 组件的 goBack 属性，这样点击按钮时，会输出 "Go back"。

这样，我们就在 React 中描述了 history.goBack 的 TS 接口。