1. 前言
vue中的 nexTick,其实在react中有类似的东西
就是常用的 setState
2. ref
1.简单在回顾下ref的用法
2.可以绑定箭头函数 参数默认就是当前的标签对象
class App extends React.Component{
constructor(props){
super(props);
// 存放状态
this.state={
msg:"hello"
}
}
render(){
// 模板
return(
<div>
{/*添加ref标识*/}
<h1 ref={el=>this.testRef=el}>App</h1>
<button onClick={()=>this.setText()}>按钮</button>
</div>
)
}
setText(){
this.setState({
msg:"world"
})
// 获取的是就内容
console.log(this.testRef.innerHTML);
}
}
3. 获取修改后的内容
1.nextTick 自己回顾vue
2.setState 第二个参数是是回调函数 视图更新完毕调用
this.setState({
msg:"world"
},()=>{//视图更新完毕的回调函数
console.log(this.title.innerHTML);
})
网友评论