react如何触发
触发事件的方法
在React中，触发事件通常通过事件处理函数实现。常见的触发方式包括用户交互（如点击、输入）或组件生命周期事件。
绑定事件处理函数
使用onClick、onChange等React合成事件属性绑定函数：
<button onClick={handleClick}>点击触发</button>
<input onChange={handleInputChange} />自定义触发逻辑
通过状态（state）或引用（ref）主动触发更新或操作：
const [count, setCount] = useState(0);
const buttonRef = useRef(null);
// 通过状态更新触发重新渲染
setCount(count + 1);
// 通过ref直接触发DOM事件
buttonRef.current.click();组件间触发
通过Props传递回调函数，实现子组件触发父组件的逻辑：
function Parent() {
const handleChildEvent = () => {
console.log("子组件触发的事件");
};
return <Child onEvent={handleChildEvent} />;
}
function Child({ onEvent }) {
return <button onClick={onEvent}>触发父组件事件</button>;
}副作用触发
使用useEffect在依赖项变化时触发副作用：
useEffect(() => {
console.log("数据变化时触发");
}, [dependency]);事件冒泡与捕获
通过事件传播机制触发父元素或子元素的事件：
<div onClickCapture={handleCapture}> // 捕获阶段触发
<button onClick={handleBubble}> // 冒泡阶段触发
点击
</button>
</div>
