javascript - 导入错误 : 'useNavigate' is not exported from '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 .

It is React Router v6 which gives you a useNavigate hook

请 refer here for further reading from the React Router team
两种快速检查版本的方法:

从 package.json 验证文件

运行npm list --depth=0查看项目中的各种包