javascript - 如何在 iframe 中将父 url 作为 React 应用程序进行交互

Question

由于安全问题，我们需要将 React 应用程序包装在 iFrame 中。

假设网站网址是http://app.com

当我输入http://app.com/products/12时，它应该在 React 应用程序中转换到这条路线。同样，如果用户更改路由并且 URL 也应该反映路由状态更改。

目前，我可以在 iFrame 中渲染 React 应用程序。但是 URL 和应用程序路由状态没有相互交互。

有什么好的做法建议吗？

路由.js

<Switch >
                <Route exact path="/" render={() => {}}/>
                <Route exact path="/products" render={() => {}}/>
                <Route exact path="/products/:id" render={() => {}}/>                
</Switch>                

标签： javascriptreactjs