React-router: componentDidMount not called when navigating directly to path

[wontwon]

Hi everyone, I'm a little stumped on this one. I defined a route called "classes/:id". When navigating to that route in the app, the componentDidMount() is called. However, when reloading the page or copying and pasting the URL the page completely loads, but the componentDidMount() method is not called at all.

From what I have read, the reason is because the same component mounted even though the page is being reloaded which is why the lifecycle method does ever get fired off.

What are some ways to handle this? Your help is greatly appreciated. Thanks!

[andreigabreanu]

It seems to run for me whenever a component is loaded on the page.
Try this:
2 urls => each with its own component. And in each of these 2 components define a componentDidMount() { console.log('I did mount'); }
You should see the log whenever going to either of the 2, regardless of how you do it (direct link, page refresh, via Link To, etc)

[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.