如何使用ionic react在应用程序加载时打开模式弹出窗口

Question

我正在使用ionic-react，并希望在应用程序启动时启动一个模式弹出窗口。这个想法是在应用程序启动时创建一个登录弹出窗口。我将解除它，如果用户已经登录，否则用户将登录。

我现在的问题是如何自动打开它？

对于下面这样的代码，我知道使用按钮打开的方法

 <IonModal isOpen={loginModal} cssClass='my-custom-class'>
        <p>This is modal content</p>
        <IonButton onClick={() => setLoginModal(false)}>Close Modal</IonButton>
      </IonModal>
      <IonButton onClick={() => setLoginModal(true)}>Show Modal</IonButton>

但我不需要巴顿。

Answer 1

它会根据您设置为loginModal的isOpen自动打开。当它设置为true时，模式将被打开。你应该为此使用一个变量。

const [showModal, setShowModal] = useState(true);

...

return(
  <IonModal isOpen={showModal} cssClass='my-custom-class'>
  ...
  </IonModal>
)

edit: fixed typo brackets