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

Question

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

标签： reactjsreact-router-dom

Answer 1

您可以使用HOC，然后在包装的组件道具中withRouter会有对象：match

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)