так, чтобы он удалял через 5 секунд эту разметку из портала. То есть, это небольшое уведомление.
Поставил тайм аут на 5 сек в useEffect этого компонента и изменил значение переменной в хуке, при выводе стоит условие
if (!toShow) return false
return (
...разметка
)
Все работает, но, проблема в том, что, если таких уведомлений будет, к примеру два, то второе уведомление удалится раньше, чем должно быть.
То есть, второе уведомление удалится из-за таймера, который был включен для первого уведомления.
Как решить такую проблему, чтобы таймер был для каждого уведомления отдельно?
Организуй хост компонент, в который будут добавляться уведомления. И таймер сделай отдельный для каждого отдельного уведомления
Что значит хост компонент?
сделать массив объектов, где будет условно уникальный айди, сообщение, айди таймера
Нужен массив с уведомлениями а не одно, объект с конфигом
Сам текст Уведомления получаю через пропс и показываю
Обсуждают сегодня