本文主要是介绍怎么理解React refs,在哪些场景下使用?,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!
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 {
这篇关于怎么理解React refs,在哪些场景下使用?的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!