React中获取DOM

在 React 组件中获取/操作 DOM，需要使用 useRef React Hook钩子函数，分为两步：

1. 使用useRef创建 ref 对象，并与 JSX 绑定 React中获取DOM

2. 在DOM可用时，通过 inputRef.current 拿到 DOM 对象

import {useRef} from "react"
// 1. 使用useRef创建 ref 对象，并与 JSX 绑定
// React中获取DOM
// 2. 在DOM可用时，通过 inputRef.current 拿到 DOM 对象

// 渲染完成过后dom生成之后才能使用
function App(){ 
  const inputRef = useRef(null)
  const showDom= ()=>{
    console.dir(inputRef.current);
  }
  return(
    <div >
       <input type="text" ref={inputRef}/>
       <button onClick={showDom}>获取dom</button>
</div>
)
}
     
export default App