npm 包 react-notification-immutable 使用教程

阅读时长 2 分钟读完

介绍

React-notification-immutable 是一个用于 React 应用的通知组件,该组件基于 React-notification,提供了丰富的功能和可自定义的样式,并且支持 Immutable 数据类型,使得通知的管理更加方便。

安装

使用 npm 安装:

使用

-- -------------------- ---- -------
------ ------------------ ---- -------------------------------

-- -------
----- ------------------ - ------------------
---
-- ----------
--------------------------------------------
  ------ -------
  -------- -------
  ------ ----------
  --------- ----
---

参数

level: string

通知级别,可选项包括:success, error, warning, info

position: string

通知位置,可选项包括:tr(右上角),tc(顶部居中),tl(左上角),br(右下角),bc(底部居中),bl(左下角)

autoDismiss: number

通知自动消失的时间,单位毫秒,默认值:5000

dismissible: boolean

通知是否可手动关闭,默认值:true

onAdd: function

通知添加时的回调函数, 回调函数的参数为添加的通知

onRemove: function

通知关闭时的回调函数, 回调函数的参数为关闭的通知

总结

React-notification-immutable 组件提供了丰富的功能和可自定义的样式,并且支持 Immutable 数据类型,是一个非常好用的通知组件。在实际开发中,我们经常需要用到通知组件,使用 React-notification-immutable 可以有效地提升我们的开发效率。

来源:JavaScript中文网 ,转载请注明来源 https://www.javascriptcn.com/post/600555b081e8991b448d2ca6

纠错
反馈