React Router-根据浏览器类型路由不同的页面



我正在为客户端构建一个网站,只有当用户在移动浏览器上时,我才能路由到页面。如果用户不在移动浏览器上,则会显示模式弹出窗口。目前,如果用户在桌面上,我可以检测浏览器类型并打开模式,但如果用户在移动设备上,我无法路由页面。

这是我当前的函数代码,它正从index.js传递给带有按钮的组件,该按钮将swapContactModal函数分配为onClick。

如果用户单击桌面上的此按钮,它将成功地将本地状态值交换为模态,并将其显示出来。但是,hist.push将地址"/commensions"推到地址栏,但不会导致页面交换到新视图。

我如何才能成功地将其切换到该功能内的/推荐页面?

提前感谢!!!

if (isMobile === null) {
setMobileOpen(false);
setContactModal(!contactModal);
} else if (isMobile !== null) {
setMobileOpen(false);
hist.push('/testimonials')
}
};```

像一样使用history.push和history.go使其工作

if (isMobile === null) {
setMobileOpen(false);
setContactModal(!contactModal);
} else if (isMobile !== null) {
setMobileOpen(false);
hist.push('/testimonials')
hist.go()
}
};

最新更新