在react中获取Dom

在react中获取Dom节点

用到的api:

  • ref
  • createRef

代码

// 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

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