• Dialog组件


    正常情况下:

    1. <Dialog
    2. visible={visible}
    3. style={{ height: '590px' }}
    4. width={840}
    5. onCancel={onCloseHandler}
    6. onClose={onCloseHandler}
    7. onOk={handleSubmit}
    8. noFooterLine
    9. destroyOnClose
    10. noHeadLine
    11. title={
    12. <div>
    13. <p>{getLocale('Rep_NewS_Evaluation')}p>
    14. <span className="titleDesc">{getLocale('Rep_NewS_ComhenRatin')}span>
    15. div>
    16. }
    17. onClose={onCloseHandler}
    18. />

            1.当图片不能在该组件铺满的时候,给图片加一个display:block。

            2.当不需要取消和确定按钮,noFooter 或者加上 footer=""

            3.当不需要上边的title栏的时候,noHeader 或者加上 header="",需要的时候则加上header={},并且{}里可以写

    等标签,如上所示。

            4.当不需要右上方的关闭按钮的时候,加上noCloseIcon,

            5.也可以额外加上新的className:extraClass = [],

            6.可以不把要展示的内容写在><之间。可以写成以下的格式。        

    1. modalRender={() => (
    2.          <div className={`${prefixCls}__content`}>
    3.                 <button
    4.                 className="close-btn tu-icon-close"
    5.                 onClick={onCloseDialog}
    6.                 />
    7.                 <button className="confirm-btn">
    8.                 <img
    9.                 className="animate-rubberBand"
    10.                 onClick={onOrderControllerClick}
    11.                 src={require("../../img/advertisement-btn-en.png")}
    12.                 alt="立即预约"
    13.                 />
    14.                 button>
    15.         div>
    16. )}

            7.也可以加上动画animation="slide-fade"

            8.destroyOnClose :这个属性就是说在Dialog关闭的时候可以把元素清除,下次打开的时候重新渲染,那样表单填的数据就也会被清空掉。

            9.forceRender: 该属性用于控制对话框是否强制渲染。当 forceRender 设置为 true 时,无论对话框是否可见,都会将对话框内容进行渲染。这意味着即使对话框没有显示出来,其内容也会被渲染并存在于 DOM 中。而当 forceRender 设置为 false 或未设置时,则对话框只有在可见时才会进行渲染。这可以提高性能,避免不必要的渲染。需要注意的是,如果对话框内部包含有动态内容或受到其他因素影响的组件,可能需要将 forceRender 设置为 true,以确保内容正常渲染和更新。但同时要考虑到潜在的性能影响。

  • 相关阅读:
    以太坊智能合约方法初探
    【21天算法挑战赛】排序算法——直接插入排序
    爬虫一般采用什么代理IP,Python爬虫代理IP使用方法详解
    手撕单链表(C语言)
    Java web基础知识
    如何快速学习客户寄来的产品?
    Java - static 关键字
    2.10 流程控制之 while循环
    自学 TypeScript 第五天,手把手项目搭建 TS 篇
    【系统设计】指标监控和告警系统
  • 原文地址:https://blog.csdn.net/qq_56918166/article/details/134264951