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