在导航iFrame时,如何更新React应用程序的URL?

时间:2018-07-11 22:41:02

标签: reactjs redux react-router

我们目前正在将旧版应用程序和MVC框架从升级到新的react.js SPA风格的应用程序。我们将旧页面托管在iframe中,其中一些页面相互链接。

我们在使用此方法时遇到了一些限制。例如,当用户刷新时,浏览器中的URL与他们在软件中的当前位置不匹配。

理想情况下,我想要一个解决方案,当iFrame导航到另一个页面时,react应用程序URL更新。到目前为止,我们已经尝试过以下方法:

  • iFrame页面都通过window.postMessage调用将URL广播到react应用程序,而react也正在监听。这让我们知道我们在哪里。这部分效果很好。

我们遇到的问题是如何更新应用程序的URL,而又不会导致整个事件刷新(导致iframe再次加载),或者我们可以只浏览应用程序的“反应应用程序”部分应用。

我们目前正在尝试通过withRouter包装器使用this.props.history.push()方法。

我们当前正在使用react-router v4。

谢谢大家!

0 个答案:

没有答案