react知识点

ref总结：
1)字符串格式ref:
<input  ref=''input1"/>   console.log(this.refs.input1.value)
2)回调函数格式ref：
<input  ref={c => this.input1 = c} />   console.log(this.input1.value)
3)内联函数格式ref：（会调用两次，每次更新首先会被赋值null，然后再赋值真正的ref，实现清空处理）官网说了，虽然调用两次但是无关紧要
<input ref={(c) => {this.input1=c;console.log('@',c)}}/>
4）类的绑定函数格式ref:
saveInput = (c) => {
    this.input1=c;

}
<input ref={this.saveInput}/>
开发中最常用的是内联形式的ref
5）createRef格式的ref（react中最推荐的写法）：
myRef = React.createRef();
showData = () => {
    console.log(this.myRef.current.value)
}
<input ref={this.myRef}/>
<Button onClick={this.showData}></Button>

标签：知识点,input1,console,log,value,react,格式,ref
来源： https://www.cnblogs.com/dongxiaolei/p/15967506.html