Проверка наличия компонента - не отображать тот же компонент во второй раз

Question

У меня есть один компонент, он содержит два других компонента. Первый компонент NotifyMessage отображается для всей страницы. Второй компонент «NotifyMessage» отображается только внутри всплывающего окна. Оба компонента подписываются на хранилище и получают соответствующее сообщение и тип (успех или ошибка) оттуда. В настоящее время, если что-то происходит - компонент NotifyMessage отображается в обоих местах (всплывающее окно и вся страница). Каков наилучший подход к отдельной логике рендеринга? Я хотел бы сделать только один компонент в одном месте.

Answer 1

Я добавил еще одно сообщение в свое хранилище приказов для дел «всплывающих окон» и передал его общему компоненту «NotifyMessage» в качестве дочернего элемента. На данный момент у меня есть два источника правды для сообщений в моем магазине вместо одного. Может быть, есть лучшее решение, но оно решит мою проблему.

Answer 2

создать состояние флага, скажем «compAlreadyShown» с логическим значением. Используйте его для условного отображения скрытия во всплывающем окне.