-
惺惺惜惺惺查看全部
-
惺惺惜惺惺查看全部
-
对对对查看全部
-
react.js 生命周期和事件处理查看全部
-
class 是 js中的表达式 ，定义属性使得时候 不能用CLASS 要用className 行内属性 用对象来表示查看全部
-
React前置知识查看全部
-
类dom元素 自定义标签 统称为react Components查看全部
-
react 生命周期查看全部
-
var TestClickComponent = React.createClass({ handleClick:function(event){ var tipE = ReactDOM.findDOMNode(this.refs.tip);//React.findDOMNode获取真实的dom节点 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 TestInputComponent = React.createClass({ changeHandler:function(event){ this.setState({ inputContent:event.target.value }); }, getInitialState:function(){ return {inputContent:''}; }, render:function(){ return (<div> <input type="text" onChange={this.changeHandler}/><span>{this.state.inputContent}</span> </div>); }, } ); ReactDOM.render( <div> <TestClickComponent/> <TestInputComponent/> </div> ,document.getElementById('container'));查看全部
-
生命周期: 1. Mounted : 生成DOM节点，插入到DOM结构的过程，是初始化渲染。React.renderComponent() 2.Updata : 一个mounted被重新渲染的过程。 react会把当前 state和最近一次的state进行对比，只有确切发生改变，并且影响到DOM结构的时候，才会进行重新渲染。 3. Unmounted，一个mounted被移出的过程。查看全部
-
css样式： var style= { color: "red", fontSize:"20px" }; document.getElementById("main").style.paddingLeft="100px";查看全部
-
第一个状态：mounted，是被render解析生成对应的DOM节点就相当于创建一个DOM元素，并插入DOM结构。 第二个状态，Update被重新渲染的过程，DOM结构不一定全部改变，会对比一下当影响的时候才会改变 第三个状态：Unmounted DOM节点被移除的过程。查看全部
-
前置知识查看全部
-
添加样式可以用calssName方式在css添加，也可以声明一个style对象，然后付给元素引用。查看全部
-
Lifecycle React生命周期查看全部
举报
0/150
提交
取消