跳转当前页面

来源:6-7 【路由搭建】Link 与动态导航

阿ccciii

2021-11-22

老师我有一个疑问, react-router页面跳转的原理是通过框架拦截监听location的变化,然后根据location中的pathname去同步相对应的UI组件,
我在项目实现中,点击当前页面的链接,url没有发生变化,页面不会有任何反应,我该怎么样实现点击当前页面链接时页面刷新(重新加载一次)?

写回答

2回答

Ashhher

2022-01-21

我的做法是

    const location = useLocation();
    const toPage = (url: string) => {
        if (location.pathname === (url + '/'))
            window.location.reload();
        else
            navigate(`${url}/`);
    }


0
0

阿莱克斯刘

2021-11-27

hello 同学你好,你可以给链接加一个onclick的事件监听,每当有人点击这条链接以后可以执 javascript的原生代码

location.reload();

这样就可以实现页面的强制刷新了

0
0

React18 系统精讲 结合TS打造旅游电商平台

React18 精讲 + 结合 TS 实战 + 热门业务开发,获取必备技能

1993 学习 · 1015 问题

查看课程