React获取真实dom的几种方式?

原生方法

也就是通过document.getElement获取,可以自己添加className或者id方便获取dom,不多赘述

ref方式

ref原生

当你使用ref直接是在原生标签上使用的时候

// 1. ref
let divNode = this.refs.div;
// 2. ref 方法
let spanNode = this.span
// 3. creatRef
let pNode = React.createRef().current

...
div
this.span = span}>div

p

ref React组件

ref作用于react组件只能获取到该vdom,不能获取真实节点,只能通过ReactDom获取

注意: ref 作用于函数式组件不生效, 可以使用React.forwardRef包裹

let navNode = ReactDom.findDomNode(this.refs.nav)
...

你可能感兴趣的:(React获取真实dom的几种方式?)