如何在反应中隐藏登录和注册页面中的导航栏?

2024-03-12

我的路线是这样的:

<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 组件会在所有页面中呈现。有没有办法避免登录和注册页面中的标题。


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

var AppContainer = React.createClass({
  
  // state management in here
  
  render: function () {
    let navHeader = this.state.isAuth ? <Header /> : '';
    return (
      <div>
        {navHeader}
        <RouteHandler />
      </div>
    );
  }
});
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

如何在反应中隐藏登录和注册页面中的导航栏? 的相关文章

随机推荐