• Message 全局提示

    全局展示操作反馈信息。

    何时使用

    代码演示

    信息提醒反馈。

    自定义时长 10s,默认时长为 3s

    定义消息位置

    包括成功、失败、警告。

    进行全局 loading,异步自行移除。

    API

    组件提供了一些静态方法,使用方式和参数如下:

    参数 说明 类型 默认值
    content 提示内容 string|ReactNode -
    duration 自动关闭的延时,单位秒 number 3
    onClose 关闭时触发的回调函数 Function -
    placement 消息展示的位置, 可选 top left right bottom topLeft topRight bottomLeft bottomRight leftTop leftBottom rightTop rightBottom string top

    还提供了全局配置和全局销毁方法:

    message.config

    message.config({
      top: 100,
      duration: 2,
    });
    
    参数 说明 类型 默认值
    duration 默认自动关闭延时,单位秒 number 3
    getContainer 配置渲染节点的输出位置 () => HTMLElement () => document.body
    top 消息在顶部出现时距离顶部的位置 number 24px
    bottom 消息在底部出现时距离底部的位置 number 24px