Question

我想在我的导航栏下打开我的react应用程序内的外部链接。我正在使用React Router在页面之间导航。这是我的代码，我希望当用户导航到“ / 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>
  )
 }

Answer 1

您可以使用：

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

在React Router 3和4上均可工作。

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

1 个答案: