作者:江西理工大学-交通091班-李吉平 | 来源:互联网 | 2018-06-14 18:43
这篇文章主要介绍了在JavaScript的React框架中实现一些AngularJS指令的例子,React使用VirtualDOM因而与普通的js框架有些不同,需要的朋友可以参考下
首先设定一段Angularjs代码的ng-class:
比较容易理解的Angularjs ng-class设置样式代码,那我们使用React怎么去实现它呢?
首先在state设置一个变量比如: isShowLoginMenu,在不同场景改变它的值,然后在绑定在class样式上面
or
使用Angularjs我们可以这样做:
登录了
你好,{userName}
未登录
那我们使用React要怎么去实现这样的场景呢?
React.createClass({
getInitialState: function() {
return {
isLogin: true,
userName: 'Joe'
};
},
render: function() {
var isLogin = this.state.isShowLoginMenu,
loginHtml;
if (isLogin) {
loginHtml =
登录了,欢迎{this.state.userName}
;
} else {
loginHtml =
未登录
;
}
return (
{loginHtml}
);
}