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}/>