У нас есть такая структура в нашем приложении (они заключены в некоторый родительский компонент):
<Announcement />
<Content />
Теперь в моем <Content />
компоненте componentDidMount()
у меня есть условие, отправлять ли действиеэто отображает <Announcement />
или не так, как в:
componentDidMount() {
if(loggedIn) {
this.props.showAnnouncement();
}
}
showAnnouncement()
сопоставляется как реквизиты из хранилища с избыточностью.Пока это нормально.
Однако, также в моем <Content />
компоненте есть дочерний модальный компонент, который отображается через Router при нажатии кнопки.Допустим, я нахожусь в www.website.com/somePath
.Когда я нажимаю кнопку, маршрут изменится на www.website.com/somePath/modalLabel
, а над страницей появится модальное наложение.
Теперь проблема в том, что после нажатия кнопки, вызывающей модальный режим, компонент <Announcement />
исчезает.
Я подозреваю, что это потому, что маршрут изменился (даже если это дочерний маршрут).
Должен ли я затем сделать this.props.showAnnouncement();
для другого метода жизненного цикла?Я не уверен, что происходит.