2016-03-01 36 views
1

我有我的路線是這樣的:如何隱藏登錄和註冊頁面中的導航欄反應?

<Route handler={AppContainer}> 
<Route path="login" handler={Login} /> 
<Route path="signup" handler={Signup} /> 
<DefaultRoute handler={Home} /> 
</Route> 

我AppContainer:

var AppContainer = React.createClass({ 
    render: function() { 
    return (
     <div> 
     <Header /> 
     <RouteHandler /> 
     </div> 
    ); 
    } 
}); 

這裏頭組件獲取所有頁面渲染。有沒有辦法在登錄和註冊頁面時避免標題。

+0

您通常會設置一個標誌和切換它,檢查https://www.npmjs.com/package/react-nav-bar的導航條。 –

回答

3

這意味着您的組件(AppContainer)具有狀態。因此,你應該有類似:

var AppContainer = React.createClass({ 
 
    
 
    // state management in here 
 
    
 
    render: function() { 
 
    let navHeader = this.state.isAuth ? <Header /> : ''; 
 
    return (
 
     <div> 
 
     {navHeader} 
 
     <RouteHandler /> 
 
     </div> 
 
    ); 
 
    } 
 
});