React native 如何使用ionic react在应用程序加载时打开模式弹出窗口
我正在使用ionic react,希望在应用程序启动时启动一个模式弹出窗口。这个想法是在应用程序启动时创建一个登录弹出窗口。如果用户已经登录,我将取消它,否则用户将登录 我当前的问题是如何自动打开它 对于下面的代码,我知道使用按钮打开的方法React native 如何使用ionic react在应用程序加载时打开模式弹出窗口,react-native,ionic-framework,ionic-react,React Native,Ionic Framework,Ionic React,我正在使用ionic react,希望在应用程序启动时启动一个模式弹出窗口。这个想法是在应用程序启动时创建一个登录弹出窗口。如果用户已经登录,我将取消它,否则用户将登录 我当前的问题是如何自动打开它 对于下面的代码,我知道使用按钮打开的方法 <IonModal isOpen={loginModal} cssClass='my-custom-class'> <p>This is modal content</p> <Ion
<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>
这是模态内容
setLoginModal(false)}>关闭模式
setLoginModal(true)}>显示模式
但我不需要按钮。它会根据设置为LoginModel的isOpen自动打开。当设置为true时,将打开模式。您应该为此使用一个变量
const [showModal, setShowModal] = useState(true);
...
return(
<IonModal isOpen={showModal} cssClass='my-custom-class'>
...
</IonModal>
)
edit: fixed typo brackets
const[showmodel,setshowmodel]=useState(true);
...
返回(
...
)
编辑:固定键入括号