«toast.success» не работает в моей форме регистрации ⇐ Javascript

[Anonymous]

Я пытаюсь внедрить форму регистрации и использовать пакет React-Poastify, чтобы показать сообщения успеха и ошибок. В то время как функция Toast.Error работает отлично, функция Toast.Success не отображает сообщение успеха при успешном представлении формы. Вот соответствующий код для моего компонента регистрации: < /p>

Код: Выделить всё

import axios from "axios";
import { useState } from "react";
import { toast, ToastContainer } from "react-toastify";
// import "../signup/signup.css";
import { Link, useNavigate } from "react-router-dom";
import "react-toastify/dist/ReactToastify.css";

const Signup = () => {
const navigate = useNavigate();

const [formData, setFormData] = useState({
name: "",
phone: "",
email: "",
password: "",
});

const handleChange = (e) => {
const { name, value } = e.target;
setFormData((prevState) => ({
...prevState,
[name]: value,
}));
};

const handleSignup = async (e) => {
e.preventDefault();

if (
!formData.name ||
!formData.phone ||
!formData.email ||
!formData.password
) {
toast.error("Please fill in all fields.", {
position: "top-right",
autoClose: 3000,
});
return;
}

try {
const res = await axios.post("http://localhost:0000/example", formData);
console.log("Response from server:", res.data);

toast.success("Form Submitted Successfully", {
position: "top-right",
autoClose: 5000,
});

setFormData({
name: "",
phone: "",
email: "",
password: "",
});

setTimeout(() => {
navigate("/signin");
}, 5000);
} catch (error) {
toast.error("Something went wrong.  Please try again.", {
position: "top-right",
autoClose: 5000,
});
}
};

return (



Create Account













Already have an account?

Login Here






);
};

export default Signup;

Подробнее здесь: https://stackoverflow.com/questions/797 ... ignup-form