1. 使用ref获取DOM的引用
在vue中,如果想获取DOM元素时,可以使用this.$refs.引用名称
在react中也可以像vue中,有类似的写法,如下
- 为元素添加ref引用
<h2 ref="test">这是h2标签</h2>
- 在页面上获取元素
this.refs.test
2. 使用ref获取组件的引用
- 为组件添加ref引用
<Text ref="hellow"/>
- 在页面上使用组件的引用
this.refs.hellow
注意点: 只要使用ref拿到组件的引用对象,它就是组件的实例对象,因此就可以调用这个组件的方法,或者它的属性