javascript - React 路由器 V5：“react-router-dom”不包含名为“useHistory”的导出

Question

我使用的是由 router-dom 从版本 5 及更高版本提供的 useHistory。在我开始收到此错误之前它工作正常，我尝试搜索解决方案但无法获得它。任何帮助表示赞赏。下面是我使用 useHistory 的代码块。

import React from "react";
import styles from "./HomePage.css";
import Card from "../../Components/Card/Card";
import { useHistory } from 'react-router-dom';

const HomePage = props => {
const history = useHistory();

//一些代码在这里根据一些逻辑分配ele的值

const goTo = ele => {
    switch (ele) {
      case "C":
        history.push("/Page1");
        break;
      case "R":
        history.push("/Page2");
        break;
      case "E":
        history.push("/Page3");
        break;
      case "D":
        history.push("/Page4");
        break;
      case "I":
        history.push("/Page5");
        break;
      case "T":
        history.push("/Page4");
        break;
      default:
        history.push("/");
    }
  }; 

标签： javascriptreactjsreact-routerreact-hooks