react 详情页面路由 拼接id useParams取值

 react 详情页面路由 拼接id  useParams取值 

路由拼接id

 routes: [
      {
        name: '酒店订单详情',
        path: '/hotel-orders/detail/:uid',
        locale: 'hotelOrdersDetail',
        component: lazy(() => import('@/pages/hotel-orders/details')),
      },
    ],

import { useParams } from 'react-router-dom';
// 定义
export interface RouteParams {
  uid: string;
}

// 取值  
const { uid } = useParams<RouteParams>();

// 使用
  useEffect(async() => {
    await api.getDetail({ orderId: uid });
  }, [uid]);