は、ルータ4を反応させるの - ルート

Question

「/」に私は、このような輸入品で、次のコードを持っている場合、ナビゲーションを隠す：？

import { 
    BrowserRouter as Router, 
    Switch, 
    Route, 
    Link 
} from 'react-router-dom' 

import { Comics } from './Comics'; 
import { Books } from './Books'; 
import { Projects } from './Projects'; 
import { Navigation } from './Navigation'; 

function App() { 
return (
    <Router> 
    <div className="App"> 
     <Navigation loggedInUser={loggedInUser} /> 
     <Route path="/" exact component={Home} /> 

     <Switch>  
     <Route path= "/comics" component={Comics} /> 
     <Route path="/books" component={Books}/> 
     <Route path="/projects" component={Projects} /> 
     </Switch> 
    </div> 
    </Router> 
) 
} 

私は「/」ルートの午前際のナビゲーションを非表示にする方法私は各ルート上でナビゲーションをレンダリングすることができましたが、これは良いアイデアパフォーマンス賢明だとは思わない？

Answer 1

は、ルートへのパスのパラメータは、あなたがパス内の少なくとも1つの文字は、この

<Route path="/(.+)" render={(() => 
    <Navigation loggedInUser={loggedInUser} /> 
)}/>