Скрыть форму после отправки ⇐ CSS

[Anonymous]

Я пытаюсь создать перехватчик, который скроет мою форму после ее отправки, одновременно пытаясь показать изображение отправленного сообщения впоследствии, но мне не удается заставить форму исчезнуть.
Пока я пробовал это:

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

const ContactForm = () => {
...
const [show, setShow] = React.useState(true);

const handleSubmit = (e) => {
...
}

Мой контент здесь:

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

return (

{show ? (






 {
handleSubmit();
setShow(!show);
if(!handleSubmit) {
setShow(false)
} else {
setShow(true)
}
}}
type="submit"
className='send-btn'
>
Send Message



Message Sent

) : null}

Я хочу, чтобы форма электронной почты исчезала при нажатии кнопки «Отправить сообщение» и заменялась формой отправленного сообщения . Есть идеи, как этого добиться?
Я пробовал в основном оператор if и перехваты.

Подробнее здесь: https://stackoverflow.com/questions/786 ... submitting