how to figure from route component if the child index route is active, or which child route is active

[jedwards1211]

Hopefully this question will illuminate a lack of clarity in the documentation.

I have this in my route config:

        <Route path={API_TOKENS_PATH} component={DrilldownRoute}>
          <IndexRoute component={ReduxAPITokensView}/>
          <Route path=":apiTokenId" component={ReduxAPITokenView}/>
        </Route>

I'm trying to create DrilldownRoute so that it will animate transitions to and from the index and child routes.

I have read the API docs and looked at the props passed into my components in the React dev tools, and I am absolutely in the dark about the following. In version 2.0.0, how would I determine, from the render() method of the DrilldownRoute, if:

• The IndexRoute is active (and no child routes)
• A child route is active and which one

The method must work regardless of whether the above routes are under the app root or nested arbitrarily deep inside of other routes.

[taion]

Thanks for your question!

We want to make sure that the GitHub issue tracker remains the best place to track bug reports and feature requests that affect the development of React Router.

Questions like yours deserve a purpose-built Q&A forum. Could you post this question to Stack Overflow with the tag #react-router? https://stackoverflow.com/questions/ask?tags=react-router.

We also have an active and helpful React Router community on Reactiflux, which is a great place to get fast help with React Router and with the rest of the React ecosystem. You can join at https://discord.gg/0ZcbPKXt5bYaNQ46.

[jedwards1211]

How about clearer documentation of how to determine if a route is active?

[timdorr]

We want to build better overall docs very soon (in time for, or shortly after, 2.0.0 releases), which would include better documentation on the whole active state and checking for it in your components.

[jedwards1211]

Okay, thank you!