在我的Navbar下的React JS应用程序中打开外部链接

Question

我想在我的纳维尔（Navbar）下方的React应用程序中打开一个外部链接。我正在使用React路由器在页面之间导航。这是我的代码，我想要用户导航到"/网站"时，它将在我的Navbar下打开网站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>
  )
 }

Answer 1

您可以使用：

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

在React路由器3和4中都可以使用。