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]);