Javascript 在我的导航栏下打开react js应用程序内的外部链接

我想在导航栏下打开react应用程序内部的外部链接。我使用react路由器在页面之间导航。这是我的代码，我想当用户导航到“/WebSite”时，它会在我的导航栏下打开网站url。请帮忙

 const App = ()=>{
  return(
    <BrowserRouter>
    <div>
      <NavBar/>
      <Route path="/Home" render={()=> <Home/>}/>
      <Route path='/SearchMagazine' render={()=> <SearchMagazine />}/>
      <Route path='/WebSite' component={() => <WebSite/>}/>
      <Route path="/Connection" render={()=> <Connection/>}/>
      <Route path="/FacebookPage" render={()=> <FacebookPage/>}/>
    </div>
    </BrowserRouter>
  )
 }

const-App=（）=>{
返回(
}/>
}/>
}/>
}/>
}/>
)
}

您可以使用：

<Route path='/WebSite' component={() => { window.location.replace('Any External Url'); return null;} }/>

{window.location.replace（'Any External Url'）；返回null；}}/>

---

在React路由器3和4上都能工作。

从未尝试过，但我相信您可以使用React路由器的重定向：}/>您可以创建一个带有组件的

路由。

。iframe完成了所有工作，谢谢！这不符合问题中的要求：“它在我的导航栏下打开网站url”重新编辑：这只是打断了后退按钮。它不能解决我在之前的评论中指出的问题。