react中获取dom以及使用ref

Posted 2023-03-15

参考技术A 一、react中获取dom有以下提供三种方法：

2.react原生函数findDOMNode获取dom

3.通过ref来定位一个组件，切记ref要全局唯一（类似id）

ref Callback 属性
React支持一种非常特殊的属性，你可以附加到任何的组件上。 ref 属性可以是一个回调函数，这个回调函数会在组件被挂载后立即执行。被引用的组件会被作为参数传递，回调函数可以用立即使用这个组件，或者保存引用以后使用（或者二者皆是）。

二、转发 Refs

通过这种方式，使用 FancyButton 的组件可以获得底层 button DOM 节点的引用并在必要时访问它 - 就像他们直接使用 DOM button 一样。

以下是对上述示例中发生情况逐步的说明：