导读在React开发中，`react-router-dom`是管理路由的强大工具。特别是在React Router v4版本中，通过`match params`可以轻松获取URL中的动态

在React开发中，`react-router-dom`是管理路由的强大工具。特别是在React Router v4版本中，通过`match.params`可以轻松获取URL中的动态参数。假设你的路由配置如下：

```jsx

```

在组件`UserPage`中，你可以这样访问`:id`参数：

```jsx

import React from 'react';

function UserPage({ match }) {

return (

User ID: {match.params.id}

// 🎯获取动态参数

);

}

```

此外，如果需要从查询字符串中获取参数（如`/search?q=react`），可以通过`window.location.search`解析：

```jsx

const queryParams = new URLSearchParams(window.location.search);

const query = queryParams.get('q'); // ✅获取查询参数

console.log(query); // 输出 "react"

```

结合这两种方式，你就可以灵活处理各种URL参数需求啦！💪

🌍React Router v4：轻松获取URL参数💡