0%

在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