React-Router + React Hooks 使用 withRouter

Question

我开始在我的应用程序中使用 React 钩子，但似乎有一个又一个障碍需要弄清楚。我不确定这是因为学习曲线还是依赖项不准备使用这个新实现。任何状况之下..

在使用钩子之前，我们使用 HOC 连接到特定 API，无论是 Redux、React-Router 等。就我而言，我想访问我的 React-Router 属性（历史记录、位置）。

通常它会像文件底部一样简单：

export default withRouter(SomeComponent);

但是现在有了钩子，我不确定如何访问这些数据。

我如何使用新的 React 钩子从 react-router 访问相同类型的数据？

Answer 1

根据蒂姆摩西对另一个答案的评论，react-router 现在有这个钩子。示例代码已从React Hooks 文档中提取：

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

function HomeButton() {
  let history = useHistory();

  function handleClick() {
    history.push("/home");
  }

  return (
    <button type="button" onClick={handleClick}>
      Go home
    </button>
  );
}