首先设定一段Angularjs代码的ng-class：
比较容易理解的Angularjs ng-class设置样式代码，那我们使用React怎么去实现它呢？
首先在state设置一个变量比如： isShowLoginMenu，在不同场景改变它的值，然后在绑定在class样式上面
or
<span id="vip-header-logo" className={'vip-logo icon-vip-v' + this.state.vipLevel}>
使用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}
;
}
);
}
return (
<div className="user">
{loginHtml}
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 dio@foxmail.com 举报，一经查实，本站将立刻删除。