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