react-router - 在url中添加参数

最新推荐文章于 2025-01-12 19:02:05 发布

tianzebeibei

最新推荐文章于 2025-01-12 19:02:05 发布

阅读量1.2k

点赞数

分类专栏： react实战笔记文章标签： react

本文链接：https://blog.youkuaiyun.com/tianzebeibei/article/details/124326193

版权

react实战笔记专栏收录该内容

14 篇文章

订阅专栏

使用?来引导参数
分段路由segments

第二种

 <Route path="/detail/:touristRouteId" component={DetailPage} />

import React from "react";
import { RouteComponentProps } from "react-router-dom";

interface MatchParams {
  touristRouteId: string;
}

export const DetailPage: React.FC<RouteComponentProps<MatchParams>> = (
  props
) => {
//   console.log(props.history);
//   console.log(props.location);
//   console.log(props.match);
  return <h1>路游路线详情页面, 路线ID: {props.match.params.touristRouteId}</h1>;
};