我正在尝试创建特殊的页面间过渡,我已经尝试使用react-transition-group
,但是它并不能完全满足我的需要。
这是我目前使用jQuery的方法:
该解决方案使用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上获取回调函数,还是应该为此使用其他软件包?