Всплывающее уведомление при отправке формы ⇐ CSS

[Anonymous]

Я хочу отображать всплывающее окно с предупреждением при отправке формы, но оно не работает должным образом. Когда я обновляю страницу, всплывающее окно с предупреждением не скрывается; вместо этого он продолжает отображаться даже после перезагрузки страницы. Я хочу, чтобы всплывающее окно появлялось только в случае успешной отправки формы без каких-либо ошибок. Ниже приведен мой код:
Во-первых, я установил для isModalOpen значение false
const [isModalOpen, setIsModalOpen] = useState(false)


В функции handleSubmit есть мой код
function handleSubmit(e){
e.preventDefault();
let hasError = false;

// if there is no error, the form will be submitted
if(!hasError){
setIsModalOpen(true)

if(firstName.trim() === ''){
setFirstNameError('This field is required')
hasError = true;
}
if(emailAddress.trim() === ''){
setEmailError('Please enter a valid email address')
hasError = true;
}
if(message.trim() === ''){
setMessageError('This field is required')
hasError = true;
}
}

}

И, наконец, это мой код, который отображает всплывающее сообщение о том, что форма отправлена ​​без ошибок
{isModalOpen && (




Message Sent!

Thanks for completing the form. We'll be in touch soon!


)}


Подробнее здесь: https://stackoverflow.com/questions/791 ... -submitted