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 钩子

请参阅此处以获取 React Router 团队的进一步阅读

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

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

Answer 2

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

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

使用：

history.push('/your-component')