使用react-router将带有ref的子组件功能公开给父组件

Question

This link describes how you can set a ref on a component and call its functions from a parent: https://facebook.github.io/react/tips/expose-component-functions.html

How do i achieve this when i'm using react-router and the component I want to ref is a route and the parent is the root component?

Answer 1

This works: Give <RouteHandler/> a ref, like this: <RouteHandler ref="routerHandler"/>

Then call like this: this.refs.routerHandler.refs.__routeHandler__.someFunctionOnActiveRoutesHandler()