Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/ionic-framework/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
React native 如何使用ionic react在应用程序加载时打开模式弹出窗口_React Native_Ionic Framework_Ionic React - Fatal编程技术网

React native 如何使用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

我正在使用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>

这是模态内容

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);
...
返回(
...
)
编辑:固定键入括号