update demo-react-lifecycles,

03_source/mobile/src/pages/DemoReactLifecycles/index.tsx

@@ -7,22 +7,34 @@ import Tab1 from './AppPages/Tab1';
 import Tab2 from './AppPages/Tab2';
 
 import './style.scss';
+import Page from './pages/Page';
+import Page2 from './pages/Page2';
 
 function DemoReactLifecycles() {
   return (
     <IonTabs>
       <IonRouterOutlet>
+        {/*
         <Route exact path="/demo-react-lifecycles/tab1">
           <Tab1 />
         </Route>
         <Route exact path="/demo-react-lifecycles/tab2">
           <Tab2 />
         </Route>
+        */}
 
-        <Redirect exact path="/demo-react-lifecycles" to="/demo-react-lifecycles/tab1" />
+        <Route path="/demo-react-lifecycles/page/:name" exact={true}>
+          <Page />
+        </Route>
+
+        <Route path="/demo-react-lifecycles/page2" exact={true}>
+          <Page2 />
+        </Route>
+
+        <Redirect exact path="/demo-react-lifecycles" to="/demo-react-lifecycles/page/Inbox" />
       </IonRouterOutlet>
 
-      {/*  */}
+      {/*
       <IonTabBar slot="bottom">
         <IonTabButton tab="tab1" href="/demo-react-lifecycles/tab1">
           <IonIcon icon={cloudOutline} />
@@ -33,6 +45,7 @@ function DemoReactLifecycles() {
           <IonLabel>Search</IonLabel>
         </IonTabButton>
       </IonTabBar>
+      */}
     </IonTabs>
   );
 }