超级直观的介绍React中回调 Refs

clipboard.png

ref={(sth)=>this.lala=sth}
为了跟你们说明在回调函数里面的变量都不是固定,因此我用了比较随意的字母~!!!!
这段代码的意思是,将整个input标签用sth表明而后将这个sth交给this.lala代理 ,之后当咱们要操做这个input标签时就能够是同this.lala指代,例如咱们要改变这个标签里的value值咱们能够使用this.lala.value = "我是经过ref赋值的"函数

咱们再举一个例子:当咱们点击div标签的时候就会触发事件而后执行changeval方法,也就会改变input的value值         
<div onClick={this.changeval}>hello everyone</div>
changeval = ()=>{
    this.lala.value = "我是经过ref赋值的"
}

效果以下
没有点击前
clipboard.pngthis

点击后
clipboard.pngspa

相关文章
相关标签/搜索