问题标签 [react-toastify]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
0 回答
399 浏览

react-toastify - react-toastify:如何将吐司从底部向上放置

我想将吐司放置在bottom-right但从底部偏移一些

例子,。

图片

目前这是我的ToastContainer定义

我检查了它显示的CSS

如何将其调整为

我在哪里可以提到这个

0 投票
1 回答
130 浏览

reactjs - React toastify toast 每次调用都会出现 4 次

我最近开始使用 react-toastify 并且一切正常,直到我注意到这种奇怪的行为。

这是我的代码: this.adderrorNotification('Error: Please try again!')

在此处输入图像描述

Up on toast onClose 我看到日志消息 4 次。并在手动关闭时单击 toast 重新出现 4 次。

为什么会这样?任何帮助谢谢

0 投票
1 回答
345 浏览

javascript - 如何在我的 toast 通知上添加撤消按钮?

https://codesandbox.io/s/l2qkywz7xl?from-embed=&file=/index.js

嗨,参考上面的沙箱,我也想对我的表做点什么,如何在我的代码中添加撤消功能?

所以在我按下调用deleteCustomer的删除按钮后,我的toast通知行被删除了,但是我怎样才能给它添加一个撤消按钮呢?

0 投票
0 回答
56 浏览

node.js - 在移动浏览器上对 toastify return 的错误做出反应

我通过访问我的 PC 的 IP 地址在我的 Iphone 上测试了反应登录页面。当我点击登录按钮时,它每次都会给我以下错误,而不会显示错误 toast。在我电脑的 chrome 浏览器中,它在移动视图中完美运行。

未处理的拒绝(TypeError):未定义不是对象(评估'error.response.data')

这是与 CORS 相关的安全问题吗?如果我将应用程序推送到生产环境,这个错误会得到解决吗?

请帮我弄清楚情况。当我提交登录表单时会调用此 clickSubmit 方法 此图像显示真实移动设备中发生的错误,当我尝试使用另一台笔记本电脑通过同一 wifi 网络访问我的本地服务器时发生同样的事情

0 投票
0 回答
186 浏览

javascript - 想在 axios post 中使用 toast 方法成功注册后在反应应用程序中显示一些成功的消息

实际上,我想在使用 axios post 方法点击注册按钮后显示一些成功的消息,以便我在 react 中使用了 toastify 模块,但只有 catch 选项正在工作,然后不起作用......我被困在这里我不知道该怎么做.. .所以请帮我排序...这是我的代码

这是我的后端代码,对于我使用过 cloud mongo db 的数据库

0 投票
0 回答
55 浏览

javascript - React-Toastify 正在向 socket.io 房间中的所有用户展示 toast

每当成功提交时,我都会从 express 服务器发出套接字并向其他用户显示 toast。但是 React-Toastify 正在向房间里的所有成员展示敬酒。

反应代码 -

快递代码

请帮助并感谢帮助的人!

0 投票
1 回答
1751 浏览

javascript - 从 react-toastify 自定义烤面包机

我正在使用这款烤面包机,它工作正常,但我正在努力改变它的风格。

到目前为止,这是我的代码:

我想让它看起来像这样:

在此处输入图像描述

添加了一个 css 类, ( className="toaster-container") 我可以在检查模式下看到它,它是有一个 div 的容器,里面有另一个 div 并且有实际的烤面包机。

我可以更改文本,但不能像上图那样只将其中的一部分加粗,也不能在那里添加图标。

有什么建议么?

0 投票
3 回答
355 浏览

reactjs - ReactToastify 位置在 React 中不起作用

toastify/dist/ReactToastify.css` 我无法管理 Toast 以显示在右下角。我正在使用确切的代码作为文档。但它不工作

0 投票
1 回答
77 浏览

reactjs - 是否可以在没有动画的情况下解雇所有敬酒?

基于 react-toastify文档,消费者可能会调用

关闭屏幕上所有打开的 toast。他们将跟随预配置的动画。

问题是如何在没有动画的情况下立即解除它们。

0 投票
1 回答
190 浏览

reactjs - 提交表单后显示 toast

我想提交一个表单,我想重新加载当前页面,以便刷新表单,刷新后我想在 toast 中显示 Api 响应。当我注释掉 event.preventDefault() 时,重新加载后它不会显示 toast。当我使用 event.preventDefault() 并手动重新加载页面时,吐司工作正常!但我希望它自动刷新并显示吐司。这是我的代码,

这是我的 useEffect 钩子,