使用react-router将子组件函数公开给使用ref的父组件

Question

此链接描述了如何在组件上设置引用并从父代调用其​​函数：https://facebook.github.io/react/tips/expose-component-functions.html

当我使用react-router并且我想要ref的组件是路由而父组件是根组件时，我如何实现这一目标？

Answer 1

这有效： 给<RouteHandler/>一个引用，如下所示：<RouteHandler ref="routerHandler"/>

然后像这样打电话： this.refs.routerHandler.refs.__routeHandler__.someFunctionOnActiveRoutesHandler()