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';

Answer 1

您正在尝试使用react-router的最新功能。
请确保您安装了react-router-dom@6.0.0-alpha.2 。

这是 React Router v6 ，它为您提供了useNavigate挂钩

请refer here for further reading from the React Router team

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

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