使用react-router-dom v5在更改路由之前和之后进行一些操作

时间:2019-04-07 22:29:49

标签: javascript reactjs react-router-dom

我正在尝试创建特殊的页面间过渡,我已经尝试使用react-transition-group,但是它并不能完全满足我的需要。

这是我目前使用jQuery的方法:

Current approach

该解决方案使用JS来检查是否单击了没有“ no-loader”类的链接,如果所单击的链接没有该类,则它将阻止默认的a标签行为,应用{{ 1}}类添加到in元素,然后使用loader进行重定向。

window.location.href

现在我正在使用-和学习-React,我找不到创建安装前安装后过渡的方法(只需应用将CSS类添加到“加载程序” HTML元素,但可以想象{em>使用//jQuery $("a:not('.no-loader')").click(function (event) { event.preventDefault(); $("a").removeClass("active"); $(this).addClass("active"); var link_href = $(this).attr("href"); if (link_href == "#") { return; } if (link_href !== window.location.href && link_href+"/" !== window.location.href) { $loader.addClass("in").promise().done(function () { setTimeout(function () { window.location.href = link_href; }, 1050); }); } }); BrowserRouter来实现JS函数中的其他任何事情。

有什么方法可以在RRD上获取回调函数,还是应该为此使用其他软件包?

0 个答案:

没有答案