0

I have a react app which is loaded in an iframe within an angular app. React app uses react router and the angular app has its own routing mechanisms. But when the page refreshes, the iframe keeps loading the initial route ('/'). How can I retain the state/route of the iframe(react app)? Is there any way to load the last loaded route of the iframe?

One method is to send a postMessage from react app to the parent(with the route information) and save it in the local storage and then load the iframe src every time after appending this route. I'm looking for an alternate solution if it is available.

nim007
  • 2,958
  • 3
  • 16
  • 28
  • this might help: https://stackoverflow.com/questions/8642488/how-to-use-javascript-variable-in-iframe-src – Akber Iqbal May 10 '19 at 05:08
  • We have different routing for the angular app and react app. So we cannot define the route of react app from the parent angular app. – nim007 May 10 '19 at 05:54

0 Answers0