react的三大属性之一 refs

ref的属性

1.里面可以传字符串形式的 但是现在react的话不支持这么传了 但是你传了也不报错

2.传回调函数的形式（回调函数：定义了一个函数 你没调用 最后调用也返回东西了）

<input ref={(a)=>{console.log(a)}}/> 

a 是input自身的节点

ref创建的四种方式：

第一种：字符串形式（备注：react不怎么用了，也不推荐了）

第二种：class类式创建ref属性

第三种：通过react中的 createRef（）来创建ref属性

<input type="text"  ref={this.myRef}  placeholder="请输createRef入内容"/>

<button onClick={this.showDate}>点击输入createRef的详情</button><br/>

//创建ref容器  尽量少的使用ref这个属性
myRef = React.createRef();

//  button创建的函数方法把myRef取到  myRef这个属性只能是你当前input收集表单数据不能收集其他的虽然他叫做容器  但他只是代表当前的事件的节点

showDate= (c)=>{
    console.log("##",this.myRef.current.value)
    alert(this.myRef.current.value)
}

第四种：回调函数传参的形式