로그인 및 등록 페이지의 탐색 표시줄을 숨기는 방법

로그인 및 등록 페이지의 탐색 표시줄을 숨기는 방법

난 내 길을 이렇게 알고 있어:

<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>
    );
  }
});

여기서 헤더 구성요소는 모든 페이지에서 렌더링된다.로그인 및 등록 페이지에서 헤더를 피할 수 있는 방법이 있는가?

즉, 구성 요소(AppContainer)의 상태가 유지됨을 의미한다.따라서 다음과 같은 것을 가져야 한다.

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

참조URL: https://stackoverflow.com/questions/35716594/how-to-hide-nav-bar-in-login-signup-page-in-react