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