问题标签 [react-toastify]

我react-toastify用来显示我的吐司，我创建了一个组件，允许我根据类型显示吐司。

下一个电话：

options确定我要配置的所有选项

但是如果我添加选项theme: 'colored'

我最终得到以下消息：

另一方面，如果我以不同的方式拨打电话

我没有错误信息。

如何确保主题出现在选项中？

我正在使用react-toastify.

_app.tsx：

在我的组件中：

但它显示如下：

但在演示中它显示：

我正在尝试设计react-toastify吐司容器的样式：

这是SCSS：

width: 30%在 style 属性中按预期工作，即设置容器的宽度。为什么类中的相同属性会影响文本，即使文本变窄？

的样式img是试图使图标变大。我怀疑这个尝试失败了，因为图标是一个字符，而不是一个图像。但是，我找不到如何设置它的字体大小。有任何想法吗？

编辑：这是我在元素资源管理器中看到的：

我的应用中有一个模组页面，只有版主和管理员才能访问。如果有人试图通过直接输入 URL 来访问它，我有一些逻辑可以重定向他们。

逻辑工作正常。我被重定向到登录页面，但由于某种原因发生了这种情况

我已经检查过了，吐司有不同的 ID，并且该函数只被调用一次，为什么我会收到 2 个通知？

更新：这是 createNofication 代码：

我是 Web 开发的新手，在将前端连接到后端时遇到问题。用于密码重置的 api 有效，并已在 ARC 上进行了测试。但是，当我尝试使用前端时，出现以下错误：

我设置了断点来尝试找出错误发生的位置，发现这是最后一个活动行：

这是完整的代码：

如果有什么我需要补充或澄清的，请告诉我。

我想显示成功或错误消息，具体取决于我在发送 axios 请求时将收到的 HTTP 响应状态代码，使用 react-toastify （例如，如果状态代码是 406，react-toastify 应该显示错误消息，如“某些字段是空的”或者如果状态码是“422”应该在前端显示一条错误消息，如“电子邮件已注册”，如果状态码为“200”，react-toastify 应该在前端显示一条消息“帐户创建成功”。

这是我的后端 api 代码

这是前面从输入字段获取数据的函数

我可以import { ToastContainer } from 'react-toastify没有问题，但是当我尝试时 import 'react-toastify/dist/ReactToastify.css';，我得到一个错误：

TypeError：rule.assign 不是函数

我正在使用启用了“jit”模式的 next.js 和 tailwind css。

_app.js：

包.json：

任何建议，将不胜感激。谢谢。

我展示的代码是一个带有 onClick 按钮和自定义自动关闭设置时间为 1 分钟的 react toastify 库。我想在不使用按钮的情况下使用库，但是当页面加载时，有人可以帮助我如何实现吗？

注册.js

Tostify 是我创建的组件

Tostify.js

但是当用户成功登录时不起作用。

但是，如果我直接在 signUp.js 中执行此操作，则它可以正常工作。

怎么了 ？？

我正面临iccue，toast消息在页面刷新时呈现两次，我在Link的帮助下将数据道具从一个页面传递到另一个页面

另一个页面在 useLocation 的帮助下抓取数据

我想刷新页面，当数据丢失时，它应该给出一条警告消息，因为我已经编写了这段代码，但是 toast 消息被渲染了两次