-
國家儘快解決查看全部
-
{}执行表达式 {{ }}内联样式写法查看全部
-
为自己而学习查看全部
-
学习目录!查看全部
-
jsx运行环境是js,
而class是es保留字,es6关键字类名,
所以取而代之className
查看全部 -
react 前置知识
查看全部 -
老版本react语法React.create...
查看全部 -
好多知识点阿查看全部
-
你总是这样轻言放弃的话,无论过多久都只会原地踏步查看全部
-
使用bind将函数内部的this绑定到外部的this上查看全部
-
JSX X指XML查看全部
-
var TestClickComponents = React.createClass({ handleClick:function(event){ var tipE = React.findDOMNode(this.refs.tip); if(tipE.style.display == 'none'){ tipE.style.display = 'inline'; }else{ tipE.style.display ='none'; } event.stopPropagation(); event.preventDefault(); }, render:function(){ return( <div> <button onClick={this.handleClick}>显示|应酬</button><span ref='tip'>点击测试</span> </div> ); } }); var TestInputComponents = React.createClass({ getInitialState:function(){ return { inputContent:'' }; }, changeHandler:function(event){ this.setState({inputContent:event.target.value}); event.stopPropagation();Event.preventDefault(); }, render:function(){ return( <div> <input type="text" onChange={this.changeHandler} /> <span>{this.state.inputContent}</span></div> ); } }); React.render( <div><TestClickComponents /> <TestInputComponents /> </div>,document.getElementById("cc")) </script>查看全部
-
React class 用 className style行内样式:style={{color:'red'}} (样式名用驼峰命名法 例:fontSize:'12px')查看全部
-
另一种为内联样式:style={{color:'red'}}第一个{}是执行,里面包含的{color:'red;'} 为js表达式 再一种 var styleObi={color:'red;'},则可以写成style={styleObj};查看全部
-
不能直接在标签上写class,因为它是一个关键字改成className查看全部
举报
0/150
提交
取消