react中获取路由参数

在React中获取路由参数，可以使用`react-router-dom`库提供的`useParams`钩子函数或者通过类组件的`this.props.match.params`来获取。

对于函数组件，可以使用`useParams`钩子函数来获取路由参数。首先需要在组件中导入`useParams`函数，然后在组件内部调用该函数即可获取路由参数。例如：

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

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

  // 使用params对象获取路由参数
  const id = params.id;

  // 其他逻辑...

  return (
    // 组件的 JSX
  );
}

对于类组件，可以通过`this.props.match.params`来获取路由参数。在类组件的`componentDidMount`生命周期方法中，可以使用`this.props.match.params`来获取路由参数。例如：

class MyComponent extends React.Component {
  componentDidMount() {
    const id = this.props.match.params.id;

    // 其他逻辑...
  }

  render() {
    return (
      // 组件的 JSX
    );
  }
}

以上就是在React中获取路由参数的方法，可以根据实际需要选择使用函数组件的`useParams`钩子函数或者类组件的`this.props.match.params`来获取路由参数。<span class="em">1</span><span class="em">2</span>