你基本上需要管理你的應用程序的狀態(。用戶連接/未連接),那麼你可以用管理用戶連接或不是事實的成分裏面你的頁面
假設你設置user_is_logged爲true,如果登錄成功,你可以做這樣的事情。:
var PageWrapper = React.createClass({
render : function() {
// user_is_logged is true if user is correctly logged
// LoginPage is the authentication form
var pageContent = user_is_logged ? this.props.children : <LoginPage />;
return (
<div>
<Menu />
<div className="container">
{pageContent}
</div>
</div>
);
},
});
var MyPage = React.createClass({
render : function() {
return (
<PageWrapper>
<div>content of page...</div>
</PageWrapper>
);
},
});
,並重新呈現在AJAX回調的頁面:
ReactDOM.render (<MyPage />, document.getElementById('my-app'));
它的工作原理也與之反應路由器。