reactjs - 使用 withRouter 的 React-Router + React Hooks

Question

我开始在我的应用程序中使用 React hooks，但似乎有一个又一个的障碍需要解决。我不确定这是因为学习曲线还是依赖项不准备使用这个新的实现。无论如何..

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

通常情况下，就像在文件底部执行此操作一样简单:

export default withRouter(SomeComponent);

但是现在有了钩子(Hook)，我不知道如何访问这些数据。

如何使用新的 React hooks 从 React-router 访问相同类型的数据？

Answer 1

根据蒂姆·摩西对另一个答案的评论， react 路由器现在有这个钩子(Hook)。示例代码已从 React Hooks docs 中提取。 :

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>
  );
}