Я использую React. У меня есть модальный компонент, который принимает заголовок, описание, обработчик open (boolean) и dismiss.
Я использую его так:
const texts = {
okTitle: '...',
okDescription: '...',
errTitle: '...',
errDescription: '...'
}
const modalTitle = texts[`${props.userUpdate.message}Title`;
const modalDescription = texts[`${props.userUpdate.message}Description`;
<Modal
title={modalTitle}
description={modalDescription}
open={props.userUpdate.message}
dismissHandler={props.dismissHandler}
/>
Это работает, но dismissHandler устанавливает userUpdate.message на false, поэтому на долю секунды, когда модальное окно закрывается, поскольку texts[false] равно undefined, заголовок и описание отображаются как неопределенные и выглядят плохо.
Есть ли простое решение для это?
Я думаю, что я могу использовать другое поле для open реквизита и при отклонении только изменить это, но оставить последнее сообщение, как было, но, возможно, есть более простое решение.