是否可以使用React Router访问当前路由组件

Question

例如我有以下路线：

<Route path="about" component={AboutPage} />
<Route path="status" component={StatusPage} />

让我们假设当前路线为'#/about'。我需要routerInstance.currentComponent之类的东西来返回AboutPage组件实例。

React Router有办法吗？

PS。我知道从外部访问组件实例并不是React的做法，但我仍然需要它。

Answer 1

不确定react-router是否已公开它，旧的GitHub正在讨论未记录的api，here，但您可以按路由自行设置。

//AboutPage
componentDidMount() {
  global.currentComponent  = this
}

//StatusPage
componentDidMount() {
  global.currentComponent  = this
}