【React】获取DOM
1. 获取/操作dom的方式
- 方式: 使用useRef钩子函数
2. 步骤
- 使用useRef创建ref对象,并与jsx绑定
- 在dom可用(指的是渲染完毕dom生成之后)时,通过inputRef.current拿到DOM对象
import { useRef } from "react"
function App() {
const inputRef = useRef(null)
function showMsg() {
console.log(inputRef)
}
return (
<div className="App">
<input ref={inputRef}></input>
<button onClick={showMsg}>click me</button>
</div>
);
}
export default App;