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

Форум по Javascript
Ответить
Anonymous
 «toast.success» не работает в моей форме регистрации

Сообщение 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
Ответить

Быстрый ответ

Изменение регистра текста: 
Смайлики
:) :( :oops: :roll: :wink: :muza: :clever: :sorry: :angel: :read: *x)
Ещё смайлики…
   
К этому ответу прикреплено по крайней мере одно вложение.

Если вы не хотите добавлять вложения, оставьте поля пустыми.

Максимально разрешённый размер вложения: 15 МБ.

Вернуться в «Javascript»