如何在退出react-bootstrap模式时停止事件冒泡？

import React from "react";
import { Button } from "react-bootstrap";

const MyButton = () => {
  const handleClick = (event) => {
    event.stopPropagation();
    // 处理点击事件
  };

  return (
    <Button onClick={handleClick}>
      Click me
    </Button>
  );
};

export default MyButton;

import React from "react";
import { Button } from "react-bootstrap";

const MyButton = () => {
  const handleClick = () => {
    // 处理点击事件
  };

  return (
    <Button onClick={handleClick} stopPropagation>
      Click me
    </Button>
  );
};

export default MyButton;

import React from "react";
import MyButton from "./MyButton";

const ParentComponent = () => {
  const handleParentClick = () => {
    // 处理父组件点击事件
  };

  return (
    <div onClick={handleParentClick}>
      <MyButton />
    </div>
  );
};

export default ParentComponent;