Javascript 如何在iframe内将父url作为React应用程序进行交互

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

假设站点url是

当我打字时， 它应该在React应用程序中传输到此路线。 类似地，如果用户更改路由，URL也应反映路由状态的更改

目前，我可以在iFrame中呈现React应用程序。但URL和应用程序路由状态并没有相互作用

有什么好的建议吗

Route.js

{}}/>
{}}/>
{}}/>                

perant应用程序也是react应用程序吗？不，不是react

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