我需要帮助来实现用户信息弹出窗口吗？

Question

点击用户头像图标，我正在显示用户信息弹出窗口。切换效果很好，但是其他弹出窗口并未隐藏。一次只能显示一个弹出窗口。问题可以在这里检查。

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>
~~~