4.react入门之三大核心属性之一ref

ref三种写法
（1）字符串写法(简单但是不推荐)

//通过ref="defaultInput" 获取input值
//获取：this.refs.defaultInput.value
<input type="text"  defaultValue="1" ref="defaultInput"/>

（2）回调函数
注意：回调函数Ref在模板更新时会执行二次(不过是无关要紧的)，
解决：将ref的函数设置为自己定义的

//通过回调函数接收ref赋值给实例属性defaultInput
//获取：this.defaultInput.value
<input type="text"  defaultValue="1" ref={ref=>this.defaultInput=ref}/>

（3）createRef函数

//通过引入createRef函数创建ref实例 defaultValue=createRef();
//获取：this.defaultInput.current.value
defaultInput=createRef()
<input type="text"  defaultValue="1" ref={this.defaultInput}/>