开发者问题收集

ImportError:'useNavigate' 未从 'react-router-dom' 导出

2020-10-06
58182

尝试从 react-router-dom 导入 useNavigate 时,出现以下错误:

Attempted import error: 'useNavigate' is not exported from 'react-router-dom'.

我的导入语句:

import { useNavigate } from 'react-router-dom';
3个回答

您正在尝试使用 react-router 的最新功能。
请确保您已安装 [email protected]

It is React Router v6 which gives you a useNavigate hook

参阅此处以了解更多来自 React Router 团队的信息

两种快速检查版本的方法:

  • package.json 文件
  • 运行 npm list --depth=0 以查看项目中的各种包
MwamiTovi
2020-10-06

如果您使用的是 React Router v5,则可以使用 useHistory。

import { useHistory } from "react-router-dom";

使用:

history.push('/your-component')
Ghadah
2022-09-28

我遇到了这样的问题:“ useNavigate 未从‘react-router-dom ’导出”

我的解决方案 - 我卸载了 react-router-dom 并重新安装了它...现在这个问题已经解决了..

Aliksm Shaik
2022-07-11