标签：知识点 input1 console log value react 格式 ref

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

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。