react如何选中标签
选中标签的方法
在React中选中DOM元素有多种方式，以下是常见的方法：
使用ref
通过useRef或createRef创建引用，绑定到目标元素上：
import { useRef } from 'react';
function MyComponent() {
const divRef = useRef(null);
const handleClick = () => {
console.log(divRef.current); // 获取DOM节点
};
return <div ref={divRef} onClick={handleClick}>点击我</div>;
}通过事件对象
在事件处理程序中，可以通过event.target访问触发事件的元素：
function handleClick(event) {
console.log(event.target); // 被点击的元素
console.log(event.currentTarget); // 绑定处理程序的元素
}使用document方法
传统DOM方法如document.querySelector仍然可用，但推荐优先使用React的方式：
useEffect(() => {
const element = document.getElementById('my-id');
}, []);注意事项
- 避免过度使用
document.querySelector，可能与React的虚拟DOM产生冲突 - 操作DOM前确保组件已挂载（可在
useEffect中执行） - Refs也可用于存储可变值而不触发重新渲染
