导入错误：&#39；使用历史&#39；不是从&#39；REACT-ROUTER-DOM&#39；中导出 [英] import error: 'useHistory' is not exported from 'react-router-dom'

问题描述

我正在尝试从‘Reaction-Router-Dom’导入useHistory，但收到此错误：导入错误：‘useHistory’未从‘Reaction-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)
}

但是，此行运行正常，并且不会导致从reaction-router-dom导入问题。

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

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

推荐答案

UseHistory已替换为useNavigate 所以试试这款👇👇

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

在您的函数内部：

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

我希望这能起作用

👌

这篇关于导入错误：&#39；使用历史&#39；不是从&#39；REACT-ROUTER-DOM&#39；中导出的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！