React——05类式组件三大核心属性之三:refs

111 阅读1分钟

《refs简介》

一种标识符,给DOM节点(标签)打上标识来访问DOM节点

0145.png

0146.png

即在节点(标签)本身身上加上 ref = ' 自己想给标签取的名字 ' (字符串形式的使用)

然后会把所有的 ref 依次存在类里面的 refs 属性里。

有三种使用方法

《一》字符串形式的ref

0147.png

不建议使用,存在一些效率问题,效率不高

《二》回调函数形式的ref

0148.png

即把节点当做自身的一个属性储存在自身身上【自定义属性名】

回调函数形式的ref调用次数问题

0149.png

0150.png

《三》creatRef 的使用

creatRef 是 React 身上的一个 API

本身是一个函数,调用后可返回一个容器,改容器可以存着被 ref 所标识的节点

该容器是专人专用,即只能存一个

但可以通过换名来搞,即创建很多个

0151.png