Reactjs 为什么要显示HTML文本

我正在做一个react项目，我使用react toastify组件。 当我叫祝酒词时，它确实出现在屏幕右上角，我希望它出现的位置和方式

但是！在我为调用toast编写的代码所在的位置出现了一些文本。 我希望我有道理。让我举例说明

正如您所看到的，祝酒词显示正确，但在我的表单顶部有一些文本

return (
   <div>
       <ToastContainer />

       {success && toast.success(successMessage)}
       {error && toast.error(errorMessage)}

       {signupForm()}
   </div>
)

这段文字似乎与我的代码完全相关，在这里，我们要举杯祝酒。

---

也许我错过了一些非常愚蠢的事情。但是我需要帮助，我终于找到了自己问题的答案。我会把它贴在这里，以防其他人遇到同样的问题

我犯了一个可怕的错误，在返回实际组件的过程中，我叫我的祝酒词。我应该做的是，在我的逻辑范围内举杯

当我调用toast并返回组件时，toast将成为组件的一部分。然后吐司的ID就会显示出来

例如

        apiCall().then(response => {
            if (response.error) {
                toast.dismiss();
                toast.error(response.error);
            } else {
                toast.dismiss();
                toast.success(response.message);
            }

        });

---

从我的代码中可以看出，当我遇到错误或成功时，我会立即在我的逻辑中举杯祝酒

那是什么文字？看起来很随意。这是不知从哪里冒出来的还是你的意见？这不是我的意见。它是随机产生的。每次加载应用程序时，它都会发生变化。最好的方法是从浏览器中检查元素，看看发生了什么。我唯一看到的就是那篇文章。没有html标签或类似的东西。那篇文章不知从哪里冒出来。这真的很令人沮丧。没有html标签是什么意思？文本是一个DOM元素，应该有一个标记将其包围。你能突出显示检查器中的文本吗？如果可以的话，你能检查一下它的position属性吗？我建议你发一个片段与其他人分享，并接受你自己的答案作为一个很好的实践。好的。我接受了我的回答，认为这是一种良好的做法。至于这个片段，你的意思是我应该用相关的代码编辑我的答案吗？是的，有清晰、可复制的片段会使它对其他有类似问题的人更有帮助。请注意。如果不麻烦的话，我真的很感激你能给我提供更多的建议，让我的名声提升到和你的差不多的程度。