在react中获取Dom

在react中获取Dom节点

用到的api：

  • ref
  • createRef

代码

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
// demo组件
import {createRef} from 'react'
const Demo=()=>{
    const Dom_P=createRef(null)
    const getDom=()=>{
        console.log(Dom_P)//{current:p}
        console.log(Dom_P.current)// <p>This is P</p>
    }
    return (
        <div>
            <p ref={Dom_P}>This is P</p>
            <button onClick={getDom}>Get P</button>
        </div>
    )
}
export default Demo
日常
踩坑 React

本博客所有文章除特别声明外，均采用 CC BY-SA 4.0 协议 ，转载请注明出处！