Material ui MUI-模式鼠标关闭向下（鼠标右键和中键）

当前模式在退出和左键单击时关闭，是否可以在右键和中键单击时关闭（鼠标向下事件）？

您可以控制模式的关闭/打开状态：

function Demo() {
  const [closed, setClosed] = React.useState(true);

  return (
    <React.Fragment>
      <button onClick={() => setClosed(false)}>open</button>
      <Modal
        BackdropProps={{
          onMouseDown: event => {
            // https://developer.mozilla.org/en-US/docs/Web/API/MouseEvent/button#syntax
            const isRightClick = event.button === 2;
            const isMiddleClick = event.button === 1;
            if (isRightClick || isMiddleClick) {
              setClosed(true);
            }
          }
        }}
        open={!closed}
        onClose={() => setClosed(true)}
      >
        <p>some content</p>
      </Modal>
    </React.Fragment>
  );
}

函数演示（）{
const[closed，setClosed]=React.useState（true）；
返回(
setClosed（false）}>open
{
// https://developer.mozilla.org/en-US/docs/Web/API/MouseEvent/button#syntax
const isRightClick=event.button==2；
常量isMiddleClick=event.button==1；
如果（isRightClick | | isMiddleClick）{
setClosed（真）；
}
}
}}
打开={！关闭}
onClose={（）=>setClosed（true）}
>
一些内容

);
}

---

请参见

谢谢，非常有魅力。我们在道具上做了一次回叫，