Bootstrap

react技术全家桶(19)回调形式的ref

不推荐使用字符串的ref 因为实用多了会有效率的问题。

ref={()=>{}} 这就是一个回调函数 赋值给ref

<input ref={(currentNode)=>{console.log(currentNode)}} type=“text” placeholder=“点击按钮提示数据”/>
使用了ref回调函数 使用ref将会把自上节点当做参数传递给函数中,如图:
在这里插入图片描述
既然如此:
<input ref={(currentNode)=>{this.input1 = currentNode}} type=“text” placeholder=“点击按钮提示数据”/>
使用lamdab表达式:<input ref={currentNode=>this.input1 = currentNode} type=“text” placeholder=“点击按钮提示数据”/>
意思就是凡事呗ref引用函数式的 都会将自身的真实DOM当做参数传递给函数,函数赋值给了当前实例对象的input1和input2.这样去的时候只能从this中取出来了。
showData = ()=>{
const{input1} = this
alert(input1.value)
}
这样也能满足需求

;