react类组件路由传参的方法

在 React 类组件中，可以使用路由传参来传递数据到另一个组件。以下是一种常见的方法：

1. 首先，确保你已经安装并配置了路由库，比如 react-router-dom。

2. 在你的路由配置中，使用 `<Route>` 组件指定路径和要渲染的组件。例如：

import { BrowserRouter as Router, Route } from 'react-router-dom';
import Home from './Home';
import Detail from './Detail';

function App() {
  return (
    <Router>
      <Route exact path="/" component={Home} />
      <Route path="/detail/:id" component={Detail} />
    </Router>
  );
}

export default App;

在上面的例子中，我们使用了 `:id` 来表示动态的参数。

3. 在要接收参数的组件中，通过 `props.match.params` 来获取传递的参数。例如，在 `Detail` 组件中：

import React from 'react';

class Detail extends React.Component {
  render() {
    const id = this.props.match.params.id;
    // 使用 id 进行相关操作
    return (
      <div>
        <h1>Detail Page</h1>
        <p>ID: {id}</p>
      </div>
    );
  }
}

export default Detail;

在上述例子中，我们可以通过 `this.props.match.params.id` 来获取传递的参数。

这样，当访问 `/detail/123` 时，Detail 组件就会接收到 id 参数为 "123"。

这只是一种方法，你也可以使用其他路由库或技术来实现路由传参。以上是一个基本的示例，你可以根据自己的需求进行调整和扩展。