首先设定一段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}); }