reactjs - 对于基于类的组件，useRouteMatch 的等价物是什么？

Question

我想用useRouteMatch在 React 中基于类的组件中 Hook ，因为它简化了向组件传递参数。在类组件中使用此钩子(Hook)会引发错误。在 React 类中使用这个钩子(Hook)的等价物是什么？

Answer 1

您可以使用 withRouter HOC，然后会有match包装组件 Prop 中的对象:

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

class SomeClassComponent extends React.Component {

  render(){
    console.log(this.props.match) // match object
    return(<span />)
  }
}

export default withRouter(SomeClassComponent)