React的refs,提供了一种方式,让我们访问DOM节点或者在render方法中创建React元素。
创建ref的形式有三种:
- 传入字符串,使用的时候通过this.refs传入的字符串格式获取对应的元素
- 传入对象,对象是通过React.createRef()方式创建的,使用时取到的对象存在current属性上。
- 传入一个函数,这个函数会在DOM被挂载时进行回调,这个函数会传入一个元素,可以自己保存,使用的时候,直接拿到之前保存的对象。
- 传入hook,hook是通过useRef()方式来创建,使用的时候通过生成hook对象就是current属性上的元素。
传入字符串
只要在对应的组件或者元素的ref属性添加即可,代码如下:
import React from "react";class RefsComponent extends React.Component {