是否可以使用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
}