React Refs-知识点整理记录
2024-10-20 17:24:44
一、Refs的作用
通过Refs,可以访问到
1. DOM节点。
2. render方法中创建的React元素。(class组件的实例)
二、访问节点或者实例有什么用?为什么要使用Refs来访问?
访问节点或者实例的需求场景:
- 管理焦点,文本选择或媒体播放。
- 触发强制动画。
- 集成第三方 DOM 库
因为有些场景,在React中,不使用Refs就无法解决。
三、零碎知识点
1. class组件
Refs可以在DOM元素或者class组件上使用。
2. function组件
Refs不可以在function组件上使用。(因为function组件没有实例)
function组件上无法使用,但是function组件内的DOM和class组件可以使用。
通过forwardRef,可以将ref转发给function组件内的DOM元素或者class组件。
通过useImperativeHandle可以使function组件的父组件 获得 该function组件的子组件中的DOM元素或者class组件的操作方法。
参考资料:
[1] Refs and the DOM.https://reactjs.bootcss.com/docs/refs-and-the-dom.html
[2] Refs转发.https://reactjs.bootcss.com/docs/forwarding-refs.html
[3] useImperativeHandle.https://reactjs.bootcss.com/docs/hooks-reference.html#useimperativehandle
最新文章
- DSY1531*Bank notes
- CentOS6.5安装Eclipse
- float:left居中对齐
- H - Frequent values
- MySQL5.7.9免安装版配置方法
- shell中的type命令
- Qt5该插件机制(4)--QtMeta信息窗口小部件metaData
- Linux内核学习趣谈
- iOSstoryboard xib下label怎么自适应宽度高度
- TP手册学习第四内置天
- java基础之修饰符和内部类
- 我眼中的Adaboost
- postgres跨平台开发坑之空值
- C#中枚举的使用
- (转)scikit-learn主要模块和基本使用方法
- mach_absolute_time 使用
- Mac &; how to uninstall LANDesk
- Python之两个列表一起打乱
- opencv画图
- 水管工游戏:dfs(递归)