-
LYN老师课程查看全部
-
React Components Lifecycle查看全部
-
前置知识查看全部
-
lyn:《CSS3+JS实现超炫的散列画廊特效》查看全部
-
this：组件实例 props：使用组件时，添加的属性集合查看全部
-
下一步学习JS深入浅出课程查看全部
-
react的前置知识查看全部
-
React.Component 组件的生命周期查看全部
-
利用js原生标签和 自定义标签,统称为 react Compnents查看全部
-
语法糖,糖衣语法,不会对功能产生影响,方便程序员书写,最后需要编译为JS才会被执行查看全部
-
React.Component生命周期查看全部
-
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>查看全部
-
获取真实的DOM节点查看全部
-
前置知识查看全部
-
web components是啥查看全部
举报
0/150
提交
取消