介绍
react-notifications-immutable 是一款 React 的通知组件库，基于 react-notifications 和 immutable-js 构建。它可以用来快速搭建各种通知提示功能，如成功提示、错误提示、警告提示、信息提示等。
安装
使用 npm 安装：
npm install --save react-notifications-immutable
使用
导入模块
import React from 'react';
import {NotificationContainer, NotificationManager} from 'react-notifications-immutable';
import 'react-notifications-immutable/dist/styles.css';基本用法
-- -------------------- ---- -------
----- ------- ------- --------------- -
------------------ - ------ -- -- -- -
------ ------ -
---- -------
------------------------------ -- -- ----------- --------- ------ -------
------
---- ----------
--------------------------------- -- - ------- --------- ------ -------
------
---- ----------
--------------------------------- -- - ------- --------- ------ -------
------
---- --------
------------------------------- -- -- ----- --------- ------ -------
------
-
--
-------- -
------ -
-----
------- -------------------------------------------------------
------- -------------------------------------------------------------
------- -------------------------------------------------------------
------- ---------------------------------------------------------
------------------------
------
--
-
-自定义配置
-- -------------------- ---- ------- ------ ----------------------- -------------------- ---- -------------------------------- ----- ------- - - --------- --------------- ---------- ----- ---------------- ------ ------------- ----- ------------- ----- ---------- ----- --------- ---------- -- --------------------------------- -- - ------- --------- ------ ------ --------- ---------------------- --------------
使用 Immutable
react-notifications-immutable 是通过 immutable-js 将通知状态存储在应用程序状态树中，因此可以在库中使用以下功能：
-- -------------------- ---- -------
------ --------- ---- ------------
------ ----------------------- -------------------- ---- --------------------------------
----- ------------ - ------------------
-- ------
-------------- ---
---
-------- ------------------- - ------------- ------- -
------ ------------- -
---- ------------------- -
----- --------------- - -
------ -------------
-------- ---------------
----- ------------------------
--- ----------------------
--
------ ----------------------------- --------------- -- -------------------------------------
-
---- ---------------------- -
----- ----- - --------------------------------------------------- -- --------------- --- -----------------------
-- ------ -- -- -
------ ----------------------------- --------------- -- -----------------------------
-
------ ------
-
--------
------ ------
-
-
-------- ------------- -------- ----- -
----- -- - ------------------------------------ ---
----------------
----- -------------------
------
--------
----------------- -----
--------------- ---
---
----------------------------
---
-----
-------- --------
------ ------
--------- -- -- -
--------------------- ---------------------- --------------- -----
--
---
-总结
react-notifications-immutable 是一个非常方便的通知库，支持丰富的配置选项和使用 Immutable 进行通知状态管理。通过学习和使用，可以快速地在 React 项目中构建通知提示功能。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/600555b281e8991b448d2ccb