我的路线是这样的:
<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(使用前将#替换为@)