react-router-dom v6使用useNavigate跳转

DEMO:

import { useNavigate } from 'react-router-dom';
const Home = () => {
    const navigate = useNavigate()
    const goToPath = () => {
        navigate('/user');
    }
    return (
        <div>
            <div onClick={goToPath}>去个人中心</div>
        </div>            
    )
}
export default Home;

navigate(path,{replace: true}) 路由跳转,清除历史记录

navigate('/login',{replace: true})

navigate(num) 路由跳转,前进、后退

// 历史记录 前进
navigate(1)
// 历史记录 后退
navigate(-1)
// 历史记录 后退两步
navigate(-2)

版权声明:
作者:歪脖札记
链接:https://www.zxlmx.com/zhaji/qianduan/react/135.html
来源:歪脖札记
文章版权归作者所有,未经允许请勿转载。

THE END
分享
二维码
打赏
< <上一篇
下一篇>>