React中ref的使用

ref的第一种使用方式：

给元素节点添加ref属性，设置唯一的标识

ref的第二种使用方式：

let {createRef} = React

ref总结：

第一种方式：

ref:React提供的对组件或者jsx语法的标注，可以让我们快速的忽略组件的嵌套关系，而获取子组件或者某个jsx标签，其原理类似于HTML中的id；

适用场景：(表单元素的布局中，让我们快速的设置出受控组件和非受控组件)

获取已标记的节点对象，语法：this.refs.ref标记名

第二种方式：

使用过程：

1.创建ref对象,去标识需要标记的jsx元素节点，需要标记几个，就创建几个对象，例如 this.ref标记名 = React.createRef()；

2.获取已标记的组件或者jsx语法结构，语法：this.ref标记名.current