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赋值的" }
效果以下
没有点击前 this
点击后spa