在React框架中实现一些AngularJS中ng指令的例子

<i class="header-help-icon down" ng-class="{up:showmenu}"></i> 

<i classname={"header-help-icon down" + (this.state.isshowloginmenu ? ' up' : '')}></i> 

 
<span id="vip-header-logo" classname={'vip-logo icon-vip-v' + this.state.viplevel}></span> 

<div class="logined" ng-show="islogin">登录了</div> 
<div class="logined" ng-if="islogin">你好，{username}</div> 
<div class="no-login" 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> 
  ); 
 }