Reactjs 停止关闭外部点击响应模式

我正在为模态组件使用react引导

这是我的导入代码

import React from "react";
import Modal from "react-bootstrap/Modal";
import ModalBody from "react-bootstrap/ModalBody";
import 'bootstrap/dist/css/bootstrap.css';

模态的当前行为是当有人在模态内容之外单击时。它会自动关闭。我想停止这种行为。我尝试了堆栈溢出帖子中建议的许多方法，但都失败了

模式代码

<Modal data-backdrop="static" shouldCloseOnOverlayClick={false} data-keyboard="false" show={this.state.modalIsOpen} onHide={this.toggleModal} id={this.props.modalId} centered>
        <ModalBody style={style}>
            <h3 className="heading color-white">Please Wait</h3>
            <CustomLoader />

        </ModalBody>
      </Modal>

请稍候

模态组件的道具错误，模态组件有一个名为background=“static”的道具来更改背景单击时的行为：

<Modal
    show={show}
    onHide={handleClose}
    backdrop="static"
    keyboard={false}>
</Modal>

---

尝试从

data background=“static”

中删除

数据-

？