开发者社区> 问答> 正文

如何使用React Router的useParams Hook读取路由附带的params参数信息?

如何使用React Router的useParams Hook读取路由附带的params参数信息?

展开
收起
迪哒迪滴喵 2024-08-13 18:23:01 82 0
1 条回答
写回答
取消 提交回答
  • 在React Router中,useParams Hook用于从动态路由段(如/user/:id)中读取参数。当组件匹配到一个包含参数的路由时,useParams会返回一个对象,该对象的属性与URL中动态段的名称相对应。

    import { useParams } from "react-router-dom"; 
    function UserProfile() { 
    let { id } = useParams(); 
    return <div>用户ID: {id}</div>; 
    }
    
    2024-08-13 21:04:44
    赞同 2 展开评论 打赏
问答排行榜
最热
最新

相关电子书

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