在前端开发中，我们经常需要使用弹窗来提示用户，这时候可以使用 react-redux-toastr-cesco 这个 npm 包快速实现。这个包是基于 redux 和 react 的，可以轻松地将弹窗集成到应用程序中，方便用户操作。
本文将介绍如何在 React 应用程序中使用 react-redux-toastr-cesco，包括安装，配置和使用。
安装
要使用 react-redux-toastr-cesco，需要先安装它。可以使用 npm 命令来安装：
--- ------- ------------------------
配置
安装完成后，需要配置 react-redux-toastr-cesco。在根组件中进行配置。首先，需要使用 redux 的 createStore 方法创建 store：
------ - ----------- - ---- -------- ------ - -------- - ---- -------------- ------ - ------- - ---- ------------- ----- ----- - ---------------------
然后，需要使用 react-redux-toastr-cesco 的 ToastContainer 组件包裹根节点：
------ - -------------- - ---- ---------------------------
-------- -
------ -
--------- --------------
---- ----------------
--------------- --
---
------
-----------
--
-这样就完成了 react-redux-toastr-cesco 的配置。
使用
配置完成后，就可以在组件中使用 react-redux-toastr-cesco 了。在需要弹出提示框的地方，可以使用 react-redux-toastr-cesco 提供的 action 来触发弹窗。例如，使用 toastr.success(action, options) 函数触发成功提示：
------ - ------ - ---- --------------------------- ------------------------- - -------- ----- --------- ------------ ------------ ----- ------------------- ----- ------------ ------ ------------------ ----- ------------- --------- -------------- ---------- ------------ ----- ---
可以添加多个参数来设置弹出的提示框的样式和选项，例如：timeOut（提示窗口的持续时间）、position（提示窗口的位置）、progressBar（是否显示进度条）等。除了成功提示，react-redux-toastr-cesco 还提供了 error、warning、info、light、dark 等其他类型的提示，使用方法类似。
至此，我们已经完成了使用 react-redux-toastr-cesco 在 React 应用程序中弹出提示框的入门教程，希望可以为您提供帮助。
示例代码
------ ----- ---- --------
------ - ----------- - ---- --------
------ - -------- - ---- --------------
------ - ------- - ---- -------------
------ - --------------- ------ - ---- ---------------------------
----- ----- - ---------------------
----- --- ------- --------------- -
----------- - -- -- -
------------------------- - -------- ---- ---
-
-------- -
------ -
--------- --------------
---- ----------------
---------- -----------
------- -------------------------------- -----------
--------------- --
------
-----------
--
-
-
------ ------- ----来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/6005726c81e8991b448e8a16