怎么理解React refs，在哪些场景下使用？

本文主要是介绍怎么理解React refs，在哪些场景下使用？，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

React的refs，提供了一种方式，让我们访问DOM节点或者在render方法中创建React元素。

创建ref的形式有三种：

1. 传入字符串，使用的时候通过this.refs传入的字符串格式获取对应的元素
2. 传入对象，对象是通过React.createRef()方式创建的，使用时取到的对象存在current属性上。
3. 传入一个函数，这个函数会在DOM被挂载时进行回调，这个函数会传入一个元素，可以自己保存，使用的时候，直接拿到之前保存的对象。
4. 传入hook，hook是通过useRef()方式来创建，使用的时候通过生成hook对象就是current属性上的元素。

传入字符串

只要在对应的组件或者元素的ref属性添加即可，代码如下：

import React from "react";class RefsComponent extends React.Component {

这篇关于怎么理解React refs，在哪些场景下使用？的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

---