reactjs - 如何在 react 中隐藏登录和注册页面中的导航栏？

Question

我的路线是这样的:

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

我的应用程序容器:

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

这里 Header 组件在所有页面中呈现。有没有办法避免登录和注册页面中的标题。

Answer 1

这意味着您的组件(AppContainer)具有状态。因此你应该有这样的东西:

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