介绍
React-notification-immutable 是一个用于 React 应用的通知组件,该组件基于 React-notification,提供了丰富的功能和可自定义的样式,并且支持 Immutable 数据类型,使得通知的管理更加方便。
安装
使用 npm 安装:
npm install react-notification-immutable --save
使用
-- -------------------- ---- ------- ------ ------------------ ---- ------------------------------- -- ------- ----- ------------------ - ------------------ --- -- ---------- -------------------------------------------- ------ ------- -------- ------- ------ ---------- --------- ---- ---
参数
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