react如何阻止冒泡
阻止事件冒泡的方法
在React中阻止事件冒泡可以通过event.stopPropagation()方法实现。React的事件系统基于合成事件（SyntheticEvent），与原生DOM事件类似，但提供了跨浏览器的一致性。
handleClick = (event) => {
event.stopPropagation();
// 其他逻辑
};阻止默认行为
如果需要同时阻止默认行为（如表单提交或链接跳转），可以使用event.preventDefault()。
handleSubmit = (event) => {
event.preventDefault();
event.stopPropagation();
// 其他逻辑
};事件委托中的注意事项
在事件委托的场景下（如在父组件监听子组件事件），阻止冒泡可能导致父组件无法捕获事件。需根据实际需求谨慎使用。
// 父组件
<div onClick={this.handleParentClick}>
{/* 子组件 */}
<button onClick={this.handleChildClick}>Click</button>
</div>合成事件的持久化
React的合成事件会被池化以提高性能，事件对象在回调结束后会被回收。如需异步访问事件属性，需调用event.persist()。
handleClick = (event) => {
event.persist();
setTimeout(() => {
console.log(event.type); // 需持久化后访问
}, 100);
};类组件与函数组件的实现
类组件中直接在方法内调用stopPropagation，函数组件中通过事件参数传递实现。
// 函数组件示例
function Button({ onClick }) {
const handleClick = (event) => {
event.stopPropagation();
onClick?.();
};
return <button onClick={handleClick}>Click</button>;
}
