Toast 反馈

组件描述组件描述

使用说明

使用说明使用说明

基本用法

基本用法

      

不同类型

不同类型的 Toast

自定义图标

自定义图标

  

关闭延时

关闭延迟, 若不期望自动关闭, duration 设为 0 即可

  

悬浮暂停

是否支持悬浮暂停

API

应用程序接口

  • Toast.info(config)

  • Toast.success(config)

  • Toast.warning(config)

  • Toast.error(config)

  • Toast.close(key: number | string)

  • Toast.closeAll() 关闭所有的 Toast 实例

  • Toast.isDuplicated(props: DuplicationCheckProps) 查找是否有参数重复的实例

  • Toast.getDuplicationKey(props: DuplicationCheckProps) 获取参数重复实例的 key

  • Toast.setTemplate(React.ComponentClass)

  • Toast.destroy() 销毁 Toast

推荐顺序如下

参数说明类型默认值
title设置标题string, JSX.Element-
content描述string, JSX.Element-
duration显示持续时间,0 表示一直存在,以毫秒为单位number5000
handlers设置额外的操作按钮组string | JSX.Element-
icon自定义图标, 若设置为 null 则不渲染<Icon />, null-
isHTML设置是否以 HTML 的模式渲染booleanfalse
closeable是否出现关闭按钮booleantrue
pauseable是否支持悬浮暂停booleantrue
onClose设置关闭时的回调(key: number | string) => void-
onRemove实例卸载时回调(key: number | string) => void-
onPause设置暂停时的回调(key: number | string) => void-
onStart设置出现时的回调(key: number | string) => void() => document
onClickHandlers设置行动点点击的回调() => void-
classNameToastItem 额外的样式名string-
style设置额外的样式React.CSSProperties-