在React框架中实现一些AngularJS中ng指令的例子_AngularJS
程序员文章站
2022-03-09 09:45:18
...
首先设定一段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}); }
上一篇: 在js里写SQL的方法
下一篇: 如何使用c语言中的strlen()函数
推荐阅读
-
AngularJs中 ng-repeat指令中实现含有自定义指令的动态html的方法
-
在React框架中实现一些AngularJS中ng指令的例子
-
AngularJS中关于ng-class指令的几种实现方式详解
-
在AngularJS应用中实现一些动画效果的代码
-
AngularJs中 ng-repeat指令中实现含有自定义指令的动态html的方法
-
在React框架中实现一些AngularJS中ng指令的例子
-
AngularJS中关于ng-class指令的几种实现方式详解
-
在AngularJS应用中实现一些动画效果的代码_AngularJS
-
在AngularJS应用中实现一些动画效果的代码
-
在AngularJS应用中实现一些动画效果的代码_AngularJS