仅当我们在模态内容之外单击时，才关闭覆盖

您可以onClick在ModalBody组件上定义和使用event.stopPropagation。

stopPropagation根据mdn：

事件接口的stopPropagation（）方法可防止当前事件在捕获和冒泡阶段中进一步传播。

调整后的Modal组件版本：

export const Modal: React.FC<ModalProps> = (props) => {
  return (
    <div>
      {props.isOpened && (
        <Overlay hide={props.hideModal}>
          <ModalContainer>
            <ModalPosition>
              <div className={"w-100"}>
                <ModalBody onClick={e => e.stopPropagation()}>{props.children}</ModalBody>
              </div>
            </ModalPosition>
          </ModalContainer>
        </Overlay>
      )}
    </div>
  );
};