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); })
