获取React路由器4中路由中定义的属性值

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

class MyComponent extends React.Component {
  render() {
    const { match, location, history } = this.props;
    // 可以通过 match 获取路由参数
    // 可以通过 location 获取查询参数
    // 可以通过 history 进行页面跳转等操作
    return (
      // 组件的 JSX
    );
  }
}

export default withRouter(MyComponent);

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

function MyComponent() {
  const { id } = useParams();
  // 可以通过 id 获取路由参数
  return (
    // 组件的 JSX
  );
}

export default MyComponent;