react中的ref获取dom或者组件方法

使用ref获取DOM的引用

在vue中，如果想获取DOM元素时，可以使用this.$refs.引用名称

在react中也可以像vue中，有类似的写法，如下

1.为元素添加ref引用

<h2 ref="test">这是h2标签</h2>

在页面上获取元素

this.refs.test

2. 使用ref获取组件的引用

为组件添加ref引用

<Text ref="hellow"/>

在页面上使用组件的引用

this.refs.hellow

React Comp

<DiaryList
          ref={child => {
            this.child = child;
          }}
        />

注意点： 只要使用ref拿到组件的引用对象，它就是组件的实例对象，因此就可以调用这个组件的方法，或者它的属性