javascript - 导入错误 : 'useHistory' is not exported from 'react-router-dom'

Question

我正在尝试从“react-router-dom”导入 useHistory，但是，我收到此错误:导入错误:“useHistory”未从“react-router-dom”导出。
我也检查了其他答案，例如 Attempted import error: 'useHistory' is not exported from 'react-router-dom'这但无济于事。我的 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'

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

Answer 1

UseHistory 已被替换为 useNavigate
所以试试这个👇👇

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

在你的函数内部:

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

我希望这有效👌