Ionic React routing problem

I am new in ionic framework. I have a problem in my app. App.tsx code:

<IonApp>
    <IonReactRouter>
        <IonRouterOutlet>
            <Route path="/" render={() => this.state.isLoggedIn ? <Home /> : <Login />} />
            <Route path="/settings" render={() => <Settings />} exact={true} />
            <Route path="/signup" component={SignUp} exact={true} />
            <Route path="/addContact" render={() => <AddContact />} exact={true} />
        </IonRouterOutlet>
    </IonReactRouter>
</IonApp>

When I click the button to which I provided routerLink then the routerLink is added into url’s href. But the component is not shown. When I reload the page then the component is shown. Please Help!

1 post - 1 participant

Read full topic