react 路由携带参数
在React中，路由携带参数主要有两种方式：
1. 使用`react-router-dom`库：
`react-router-dom`是React中常用的路由库之一。在配置路由时，可以通过`match.params`对象获取路由参数。以下是一个简单的示例：
首先，安装`react-router-dom`：
```bash
npm install react-router-dom
```
然后，在组件中获取路由参数：
```javascript
import React from 'react';
import { BrowserRouter as Router, Route, Link } from 'react-router-dom';
function App() {
  return (
    <Router>
      <div>
        <nav>
          <ul>
            <li>
              <Link to="/users/1">用户1</Link>
            </li>
            <li>
              <Link to="/users/2">用户2</Link>
            </li>
          </ul>
        </nav>
        <Route path="/users/:id" component={User} />
      </div>
    </Router>
react router v6 文档  );
}
function User({ match }) {
  const userId = match.params.id;
  return (
    <div>
      <h2>用户ID：{userId}</h2>
    </div>
  );
}
export default App;

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。