react-router-dom v6

Question

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

Answer 1

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

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

1 2 3 4 5 6 7 8 9 10

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月会上线。