开发者社区 问答 正文

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

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

展开
收起
迪哒迪滴喵 2024-08-13 18:23:01 175 分享 版权
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 展开评论