Reactjs 如何在JavaScript中自定义警报？

我在React中使用TypeScript。我想创建自定义警报并向其添加图像。我曾经 此方法：

private alert() {
    alert("This is an Alert Dialog");
  }

你知道如何定制它吗

---

警告框是一个系统对象，不受CSS约束。您可能需要使用第三方库，或者添加自己的警报弹出窗口。无论哪种方式，您都无法设置默认警报框的样式。

您可能要查找的是模式框， 您可以设置样式以显示警报

此页面可帮助您开始：

或者研究一下简化了很多模态的引导：

---

你需要使用情态动词。这是一个示例：

import React from "react";

export const Modal = ({modalContent, style}) => {

    return (
        <div className="modal" style={style}>
            {modalContent}
        </div>
    );
};

从“React”导入React；
导出常量模式=（{modalContent，style}）=>{
返回(
{modalContent}
);
};

用法如下：

import { Modal } from '../Shared/Modal';

....

                {this.state.Modal && <Modal style={{ animation: "fadeIn 1s, scaleUp 1s" }}
                    modalContent={
                        <div className="Add-BillRange">
                           <h1> MODAL </h1>
                        </div>
                    }
                />}

从“../Shared/Modal”导入{Modal}；
....
{this.state.Modal&&}

---

this.state.Modal

控制是否显示模态。

无法自定义警报框这是否回答了您的问题？你可以在这里找到更多信息