问题标签 [react-toastify]

通知很容易使用按钮。但是，我试图在道具通过时激活它（真/假）。

基本上，用户单击此选项卡，如果他们没有登录，它会弹出通知告诉他们登录。

但是，如果没有按钮，我无法使其工作。道具通过就好了，我可以console.log它。条件返回......一些东西，但它就像一堆奇怪的字母，每次刷新它都会改变。并且不会像通知一样弹出。它只是屏幕中间的模糊字母（因为 {notify} 放置在表单上方）。

我现在使用 react-toastify 一段时间来显示警告。但是现在当我尝试显示警告时，它只会打开一个没有样式和警告消息的页面。像这样：

有什么解决办法吗？

我有一个用例，一次可以显示的最大吐司数为 2。如果吐司超过 2 个，则吐司总数也会显示在当前显示的 2 个吐司中。

用户操作 1 - 用户可以单击总数以展开并查看所有的 toasts。到目前为止，我已经为我工作了一切。

用户操作 2 - 如果用户再次单击 toast 的总数，则隐藏其余的 toast 并返回一次只显示 2 个 toast。这对我不起作用。一旦我能做到这一点，那么我当然还想再次展示用户操作 1 中提到的所有 toast。

在NotificationManager组件上，我将默认值设置maxToast为 2。然后onClick handleMaxNotification()将最大 toast 值更改为 null - 显示所有 toast （这是有效的）。

handleMaxNotification()还将maxToast to 2在本地状态上切换回它确实正确设置了值，但是 react-toastify 不会在 UI 中反映这一点。例如显示 4 吐司不会返回 2。非常感谢帮助！

这是显示 toast 的组件。

我正在使用 react toastify 来显示 toast 消息，并且我知道在返回承诺/响应时在 saga 中使用烤面包机。

但在这种情况下，我需要收听一个频道，每当通过 websockets 频道收到任何消息时，我都需要显示一条 toast 消息。

我已将我的烤面包机组件放在我的 app.js 中。但是如何调用 toast.error() 或 toast.success() 考虑到我有很多页面和来自 websocket 的数据可以随时出现在任何页面/组件上？

我正在构建一个包含一些组件的 React 应用程序，其中至少有一半我正在使用 React-notify 并且它在几乎所有组件中都能正常工作，但是一个 React-toastify 通知在同一页面中显示不止一次（三次）。我不知道为什么会发生这种情况我认为它渲染了 3 倍的页面但我不知道为什么

目前正在开发一个使用 React 作为前端的应用程序。目前，存在可以在订单项容器中引用的参数。我想要做的是，当尝试删除参数时，屏幕上会弹出一个使用 Toastify 的通知，如果他们确定要删除参数，将提示用户单击“是”。

当前设置代码的方式，参数有一个与之相关的值，因此程序知道要删除哪个参数。我在尝试通过 Toastify 通知传递值时遇到问题，因此删除参数的函数调用通过该通知接收值。

这是整个代码，与 Toastify 相关的部分在第 30-47 行和第 89-95 行

在这里，我有一个组件应该打印一个 toast，根据 toast 的类型在内容中添加一个图标：

我通过执行以下操作在另一个组件上渲染 myToast：

这些组件已经可以工作，并且可以按预期进行。但我无法做出好的类型声明。该Toast接口带有几个接口和类型声明。其中之一是ToastOptionsdisplayIcon 能够检索的类型。我的问题：

1. 为什么toast[type]属性会抛出“类型'{（消息：ToastContent，类型：TypeOptions | undefined）：ReactText; ...”上不存在属性'default'？这个默认属性是从哪里来的？

下面的代码工作正常，问题是我不想使用整个包，因为我只需要它的几个类，所以我检查了源代码并在我的页面上复制了类范围，但它没有按预期工作..

在下面尝试了 css 但没有用（从源代码复制 .animate__animated 类）；

我从 react-toastify 库构建了一个 Toast 和 toastemitter。我需要验证当我单击按钮时是否生成了 toast。我将 bodyClassname 默认为“my-toast”，所以当我模拟单击按钮时，我应该期望在 DOM 中看到它，不是吗？

我有一个反应应用程序，我用它react-toastify来提示某些消息。但是，每当我单击烤面包上的 x 时，它们都不会关闭。但是，它们会在我autoClose: delay配置后关闭，如下所示。我也可以将它们拖走并以这种方式关闭。

这是我为祝酒而创建的一个小实用程序：

这是我在要显示 toast 的组件上使用它的方法：

我非常感谢有关如何使点击关闭工作的任何指示。

我正在使用最新的 react-toastify 即版本 7.0.4 顺便说一句，降级到 6.2.0 我可以看到关闭按钮工作正常。