首先设定一段Angularjs代码的ng-class：

比较容易理解的Angularjs ng-class设置样式代码，那我们使用React怎么去实现它呢？

首先在state设置一个变量比如： isShowLoginMenu，在不同场景改变它的值，然后在绑定在class样式上面

or

使用Angularjs我们可以这样做：

那我们使用React要怎么去实现这样的场景呢？

<div class="jb51code">
<pre class="brush:js;">
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}