reactjs - React-router - Hook useHistory 错误 : Cannot read property 'history' of undefined

Question

我正在尝试使用来自 documentation 的钩子(Hook) useHistory的 react-router-dom .

我不断收到此错误:TypeError:无法读取未定义的属性“历史”

这里是一个例子:https://codesandbox.io/s/twilight-meadow-bwnt8?fontsize=14&hidenavigation=1&theme=dark

import React from 'react';
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>
  );
}

function App() {
  return (
     <HomeButton />
  );
}

export default App;

Answer 1

useHistory hook 仅在 Route 内部有效。
它是将历史对象传递给 useHistory 的路由。钩。这就是为什么在这种情况下它是未定义的 - 没有将历史对象传递给它的路线。