请我有问题显示一个模态与bootstrap 5。我没有使用react-bootstrap，所以我不能使用状态切换模态，我使用cdn与dom操作显示模态在一个页面上。而不是模态显示代码打开。x1c 0d1x
这是密码

import React from "react";
import { Modal } from "bootstrap";

const editProduct = () => {
  let modalWrapper = null;
  modalWrapper = document.createElement(
    "div"
  ).innerHTML = `<div class="modal fade modal-dialog modal-dialog-scrollable" id="staticBackdrop" data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1" aria-labelledby="staticBackdropLabel" aria-hidden="true">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <h1 class="modal-title fs-5" id="staticBackdropLabel">Modal title</h1>
        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
      </div>
      <div class="modal-body">
        ...
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
        <button type="button" class="btn btn-primary">Understood</button>
      </div>
    </div>
  </div>
</div>
`;
  document.body.append(modalWrapper);
  let modal = new Modal(modalWrapper.querySelector(".modal"));
  modal.show();
};

export default editProduct;

我们会很感激你的帮助。谢谢