如何隐藏模式并单击显示另一个

【问题标题】：How to hide a modal and show another on a single click如何隐藏模式并单击显示另一个
【发布时间】：2021-07-09 19:06:47
【问题描述】：

我想隐藏登录模式并在单击一次按钮时显示注册模式。代码只执行其中一个功能。

<div><p onClick={() => {
          setShowModal(false);
          setShowModalr(true);
          }}>register now!</p>
           {showModalr && (
                  <RegisterModal
                    showModalr={showModalr}
                    setShowModalr={setShowModalr}
                  />
                )}
          </div>

【问题讨论】：

标签： javascript reactjs modal-dialog arrow-functions

【解决方案1】：

还有很多比这更好的包...

试试https://react-bootstrap.github.io/components/modal/

或https://material-ui.com/components/modal/

或https://react.semantic-ui.com/modules/modal/

【讨论】：

我认为您误解了这个问题。这两个语句 setShowModal(false); setShowModalr(true);没有按预期执行。这个问题与我使用的包无关。
对不起，我误解了这个问题，你可以添加Registermodel的代码还是一个包？