您可以使用useParams钩子来实现此功能

<Route path='/:id/marks' element={<Component/>}>

在您的组件中

import { useParams } from 'react-router-dom';

function Component() {
  // Get the id param from the URL.
  let { id } = useParams();
  // ...
}

您提到了useLocation钩子，因此我假设您使用的是react-router或react-router-dom。您可以使用useMatch钩子来测试路径模式，如果存在匹配，则返回一个匹配对象。match对象有一个params属性，该属性上有任何可用的路径参数。

declare function useMatch<
  ParamKey extends ParamParseKey<Path>,
  Path extends string
>(
  pattern: PathPattern<Path> | Path
): PathMatch<ParamKey> | null;

interface PathMatch<ParamKey extends string = string> {
  params: Params<ParamKey>;
  pathname: string;
  pattern: PathPattern;
}

示例：
测试路径："/Test/marks"

import { useMatch } from 'react-router-dom';

...

const match = useMatch("/:key/marks");
console.log(match?.params?.key); // "Test"
...

如果需要访问URL路径的该部分的组件已经被呈现为正常路由的一部分，例如在路径"/:key/marks"上呈现的路由上，它也可以直接使用useParams钩子来访问key路径参数。
示例：

<Route path="/:key/marks" element={.....} />

在测试路径上的路由组件中："/Test/marks"

const { key } = useParams(); // "Test"