Keep components between routes using react-router

Question

I have a multi-steps form and I\'m using react-router to navigate between the different steps. In some of the steps I show an iframe to the user. When the u

Answer 1

Quite simply, there's no way to preserve a component in the render tree if the parent is not rendered. That is, when the route changes, your component will necessarily be unmounted if it's a child to a Route.

One way to side-step that is to make your component not a child to any Route at all. This way, you would always render this component alongside every Route. Then you can simply use styles to show/hide it when appropriate. Obviously, this will partly compromise the structure of your DOM.