Мне нужна помощь в реализации всплывающего окна с информацией о пользователе?

Question

Нажав на иконку аватара пользователя, я показываю всплывающее окно с информацией о пользователе.Toggle прекрасно работает, но проблема, которую не видят другие всплывающие окна.Только одно всплывающее окно должно быть показано одновременно.Проблему можно проверить здесь.

https://int -app.guidanceguide.com / parenting / guides / home

Я использую всплывающее состояние в каждом всплывающем компоненте.

Answer 1

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

например

open=false;

------
some code
-----

 handleUpdate = (e) =>
{
this.open=true;
-----some code----
}

--------

then in the JSX part
 <Popup open={this.open} id="popup_id"  >
<div>----</div>
-------------(put your JSX here)
</Popup>
~~~