开发者社区> 问答> 正文

在React Router中,如何查看当前路由信息?

在React Router中,如何查看当前路由信息?

展开
收起
迪哒迪滴喵 2024-08-13 18:23:01 72 0
1 条回答
写回答
取消 提交回答
  • 在React Router中,你可以使用useLocation Hook来查看当前路由信息。这个Hook会返回一个对象,包含了当前URL的解析信息,如pathname、search、hash、state等。

    import { useLocation } from "react-router-dom"; 
    function CurrentLocation() { 
    const location = useLocation(); 
    return ( 
    <div> 
    <p>当前路径: {location.pathname}</p> 
    <p>查询参数: {location.search}</p> 
    <p>哈希值: {location.hash}</p> 
    <p>状态: {location.state}</p> 
    </div> 
    ); 
    }
    
    2024-08-13 21:04:45
    赞同 1 展开评论 打赏
问答分类:
问答标签:
问答地址:
问答排行榜
最热
最新

相关电子书

更多
利用编译将 Vue 组件转成 React 组件 立即下载
React Native 全量化实践 立即下载
React在大型后台管理项目中的工程实践 立即下载