ReactJS : In react-rooter-dom, 是否已弃用 useHistory？

Question

使用此代码:

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

...

const history = useHistory();

...

history.push("/login");

显示此错误:

useHistory 过时了吗？或者我确实需要使用其他功能？

Answer 1

是的，它在 react-router 的 V6 中被弃用了。在此版本中导航使用 useNavigate Hook 。在此处查看文档 React Router V6 API Reference .或者更具体地说，useNavigate 钩子(Hook)在这里 React Router v6 UseNavigate Hook .像这样:

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

const navigate = useNavigate()

navigate('/login')