小编Lum*_*ary的帖子

如何正确使用ToastContainer?

我是 stackoverflow 的新手,所以如果“如何正确提问”有错误,我深表歉意?我在我的reactJS应用程序中遇到了react-toastify的问题。我有一个用 spring-boot 创建的飞行管理系统 API,它工作得很好(用邮递员测试)。我正在触发端点 ->“乘客/注册”来发布乘客/客户详细信息。一切正常,但当我通过 toast.success 单击创建帐户时,我获得了成功的巨大勾选。它显示了带有成功消息的大勾选。图像

应用程序.js

import React from 'react'
import { BrowserRouter, Routes, Route, Link } from 'react-router-dom'
import Header from './components/Header'
import Showcase from './components/Showcase'
import Destinations from './components/Destinations'
import Footer from './components/Footer'
import Login from './components/Login.js'
import SignUp from './components/SignUp'
import Error from './components/Error'
import { Button, Container,Row, Col} from 'reactstrap';
import {ToastContainer, toast} from "react-toastify";

function App() {
  return (
      <div>
        <ToastContainer position="top-left"/>
      
    <BrowserRouter>
      <Header />
      <Routes>
      <Route path="/" element={<><Showcase /><Destinations …
Run Code Online (Sandbox Code Playgroud)

reactjs spring-boot react-toastify

2
推荐指数
1
解决办法
5543
查看次数

标签 统计

react-toastify ×1

reactjs ×1

spring-boot ×1