ref的三种使用方式
ref的三种使用方式
ref使用的三种方式之方式一： out (已废弃)
1）第1步： ref后面跟一个字符串
2）第2步：this.refs.item.value 获取输入框中的数据
ref使用的三种方式之方式二：
ref后面跟上一个回调函数，回调函数的参数就是当前的DOM元素
{this.xxx = input; // 当前的DOM元素挂载到当前组件对象的xxx属性上面的
}} type="text" />
获取DOM元素：this.input.value
ref使用的三种方式之方式三：
1）this.ref1 = React.createRef(); // ref1是一个私有属性
2）
3）this.ref1.current.value 获取DOM元素中的内容
上面的ref的三种使用方式，都是用在html标签上面的，当前ref也可以用在组件上，
如果用在组件上，可以获取组件对象。 如果用在标签上，可以获取DOM元素。
本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！