当前位置：文江博客话题详情

有条件的路由对日期

发布于 2025-02-12 04:02:28 字数 113 浏览 1 评论 0原文

我正在ReactJ中构建一个网站，该网站允许用户在工作日填写表格，但在周末重定向到封闭页面。我如何使用React-Router-dom有条件地路由到其他页面？我也希望它不是当地时间，但是根据PST的说法。谢谢！

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

记忆で 2025-02-19 04:02:28

在不知道您的确切路由器设置的情况下，我只能猜测，但这里有一些想法：

usenavigate钩子：

  import {usenavigate}从“ react-router-dom”;

 const navigate = usenavigate（）;

 //根据语言环境检查当前日期 
 useeffect（（）=＆gt; {
    //日期检查逻辑
    // if（工作日）{导航（'//dyday/exter/page'）; }
    //如果（周末）{导航（'/week多/特定/页面'）; }
    //其他导航（'//Why Why Why Why）
 }，[]）;

注意使用> useeffect的使用，您希望在安装决定是否应执行重定向的组件时检查逻辑。

＆lt; redirect/＆gt;组件：

  import {redirect，route}来自'react-router-dom';
 // const工作日=（日期检查逻辑）
 ＆lt;路由exkert path =“/”＆gt;
   {工作日？ ＆lt;重定向为=“ /weptay” /＆gt; ：＆lt;周末 /＆gt;}
 ＆lt;/route＆gt;

Without knowing your exact router setup, I can only guess, but here are some ideas:

The useNavigate hook:

 import { useNavigate } from "react-router-dom";

 const navigate = useNavigate();

 // check the current date, based on locale 
 useEffect(() => {
    // date-checking logic
    // if(weekday) { navigate('/weekday/specific/page'); }
    // if(weekend) { navigate('/weekend/specific/page'); }
    // else navigate('/wherever')
 }, []);

Note the use of useEffect, you want the logic to be checked upon mounting the component that decides whether the redirect should be performed or not.

<Redirect /> component:

 import { Redirect, Route } from 'react-router-dom';
 // const weekday = (date checking logic)
 <Route exact path="/">
   {weekday ? <Redirect to="/weekday" /> : <Weekend />}
 </Route>

回复收藏 0 原文

~没有更多了~