ImportError: 'useNavigate' 不是从 'react-router-dom' 导出的

Question

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

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

我的导入声明：

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

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

Answer 1

您正在尝试使用 react-router 的最新功能。

请确保您安装了 react-router-dom@6.0.0-alpha.2 。

它是 React Router v6 ，它给你一个 useNavigate 钩子

请 参阅此处以进一步阅读 React Router 团队的文章

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

• 从 package.json 文件验证
• 运行 npm list --depth=0 查看你项目中的各种包

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

Answer 2

如果您使用的是 react router v5，则可以使用 useHistory。

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

利用：

 history.push('/your-component')

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