react-router-dom v6

Question

老师您好，在react-router-dom v6版本中，已经没有这个属性了，网上我没有找到相对应的解决办法，请问该怎么解决

Answer 1

阿莱克斯刘 2022-05-16 16:41:54

最新版的react-router 可以这样处理

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

type MatchParams = {
  touristRouteId: string;
}
export const DetailPage: React.FC = () => {
  var params = useParams<MatchParams>()
  return <h1>路游路线详情页面, 路线ID: {params.touristRouteId}, {params.other}</h1>;
};

课程现在正在升级，将会升级到react18和最新的react-router v6，预计6月会上线。