React实现Angularjs ng-show、ng-if和ng-hide

<div ng-show="isLogin">登录了</div>
<div ng-if="isLogin">你好，{userName}</div>
<div ng-hide="isLogin">未登录</div>

React.createClass({
getInitialState: function() {
return {
isLogin: true,
userName: 'Joe'
};
},

render: function() {
var isLogin = this.state.isShowLoginMenu,
loginHtml;

if (isLogin) {
loginHtml =
<div className="logined">
登录了，欢迎{this.state.userName}
</div>;
} else {
loginHtml =
<div className="no-login">
未登录
</div>;
}

return (
<div className="user">
{loginHtml}
</div>
);
}