aaronksaunders

// FILE: Tab1Detail.tsx


   props.history.replace("/tab1")}
      goBack={() => {}}
  />

Tab One Detail

aaronksaunders

// FILE: TabRoot.tsx

<IonRouterOutlet>
    <Route path="/:tab(tab1)" component={Tab1} exact={true} />
    <Route path="/:tab(tab2)" component={Tab2} />
    <Route path="/" render={() => <Redirect to="/tab1" />} /> 
</IonRouterOutlet>

aaronksaunders

// FILE: Tab1.tsx

const Tab1: React.SFC = (props) => {

aaronksaunders

// FILE: App.tsx

const App: React.SFC = () => (
  
    
      
         
      
    

aaronksaunders

// FILE: Tab1.tsx

import React from 'react';
import { IonHeader, IonToolbar, IonTitle, IonContent } from '@ionic/react';

const Tab1: React.SFC = () => {
  return (
    <>
      

aaronksaunders

// FILE: Tab.tsx


     {
            e.preventDefault();
            props.history.push("/tab1-detail");
        }}
    > NEXT PAGE

aaronksaunders

// FILE: TabRoot.tsx


    
    
    
     } /> 

aaronksaunders

// FILE: App.tsx

const App: React.SFC = () => (
  
    
      
         
      
    

aaronksaunders

// FILE: Tab1Detail.tsx

import React from 'react';
import { IonHeader, IonToolbar, IonTitle, IonContent } from '@ionic/react';

const Tab1Detail: React.SFC = () => {
  return (
    <>
      

aaronksaunders

// FILE: Tab1Detail.tsx


   props.history.replace("/tab1")}
      goBack={() => {}}
  />

Tab One Detail