开发者社区 问答 正文

useRouteMatch Hook在React Router中有什么作用?

useRouteMatch Hook在React Router中有什么作用?

展开
收起
迪哒迪滴喵 2024-08-13 18:23:00 67 分享 版权
1 条回答
写回答
取消 提交回答
  • useRouteMatch Hook用于匹配当前路由。它允许你提供一个路径模式,然后返回一个对象,该对象包含了关于当前路由是否匹配该模式的信息,以及匹配到的URL参数等。这对于在组件中基于当前路由路径执行逻辑非常有用。

    import { useRouteMatch } from "react-router-dom"; 
    function Sidebar() { 
    let match = useRouteMatch("/app/*"); 
    
    // 如果当前路径以/app/开头,则显示侧边栏 
    return match ? ( 
    <div>侧边栏内容</div> 
    ) : ( 
    <div>无侧边栏</div> 
    ); 
    }
    
    2024-08-13 21:04:45
    赞同 3 展开评论
问答分类:
问答标签:
问答地址: