使用说明
使用说明使用说明
基本用法
基本用法
不同类型
不同类型的 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 表示一直存在，以毫秒为单位 | number | 5000 |
| handlers | 设置额外的操作按钮组 | string | JSX.Element | - |
| icon | 自定义图标, 若设置为 null 则不渲染 | <Icon />, null | - |
| isHTML | 设置是否以 HTML 的模式渲染 | boolean | false |
| closeable | 是否出现关闭按钮 | boolean | true |
| pauseable | 是否支持悬浮暂停 | boolean | true |
| onClose | 设置关闭时的回调 | (key: number | string) => void | - |
| onRemove | 实例卸载时回调 | (key: number | string) => void | - |
| onPause | 设置暂停时的回调 | (key: number | string) => void | - |
| onStart | 设置出现时的回调 | (key: number | string) => void | () => document |
| onClickHandlers | 设置行动点点击的回调 | () => void | - |
| className | ToastItem 额外的样式名 | string | - |
| style | 设置额外的样式 | React.CSSProperties | - |