react怎么获取url后面的参数 - 问答

在React中获取URL后面的参数，可以使用react-router-dom提供的useParams钩子函数。

首先，确保你已经安装了react-router-dom:

npm install react-router-dom

然后，在需要获取URL参数的组件中，导入useParams:

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

接下来，在组件函数中调用useParams获取URL参数:

function MyComponent() {
  const params = useParams();
  const { id } = params;

  // 使用获取到的参数进行其他操作
  // ...

  return (
    // 组件的JSX代码
  );
}

在上面的例子中，我们假设URL的格式为/example/:id，其中id是我们想要获取的参数。

最后，你可以通过params对象来访问获取到的URL参数，如const { id } = params;。在这个例子中，我们将参数保存在id变量中，可以在组件中使用它进行其他操作。

需要注意的是，useParams只能在被<Route>组件包裹的组件中使用，因为它依赖于react-router-dom提供的路由机制。

0 赞

0 踩