导入错误：“useHistory”未从“react-router-dom”导出

Question

我正在尝试从“react-router-dom”导入 useHistory，但是，我收到此错误：导入错误：“useHistory”未从“react-router-dom”导出。

我也检查了其他答案，例如 Attempted import error: ‘useHistory’ is not exported from ‘react-router-dom’ this 但无济于事。我的 package.json 看起来像这样

我正在使用 useHistory，

 import React from 'react';
import { useState, useEffect } from 'react';
import { useHistory } from 'react-router-dom';

export default function Login(){
    const history = useHistory();
    console.log(history)
}

但是，这条线工作正常，不会导致来自 react-router-dom 的导入问题。

 import {BrowserRouter as Router, Switch, Route} from 'react-router-dom'

有谁知道如何解决这个问题？非常感激。

原文由 TanDev 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

UseHistory 已经被 useNavigate 取代了 所以试试这个👇👇

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

在你的函数内部：

 const navigate = useNavigate();
navigate('/home')

我希望这有效👌

原文由 Attah Aaron 发布，翻译遵循 CC BY-SA 4.0 许可协议