/Javascript/Ionic/How to redirect in ionic react

How to redirect in ionic react

import React, {Component, useCallback, useContext} from 'react';
import {NavContext} from '@ionic/react';

// Functional component example
function MyComponent() {
  const {navigate} = useContext(NavContext);

  // Call this function when required to redirect with the back animation
  const redirect = useCallback(
    () => navigate('/new/address', 'back'),
    [navigate]
  );
}

// Class component example
class MyComponent extends Component {
  static contextType = NavContext;

  // Call this method when required to redirect with the back animation
  redirect() {
    this.context.navigate('/new/address', 'back');
  }
}

Source: stackoverflow.com

Similar codes

2 votes207 views1 answer
Ionic 4 get previous route
Javascript Ionic
0 vote215 views2 answers
Ionic status bar color
Javascript Ionic
0 vote231 views1 answer
Ionic not compiling with proxy
Javascript Ionic
1 vote201 views1 answer
Ionic capacitor splash screen spinner
Javascript Ionic
4 votes417 views3 answers
Router navigate ionic
Javascript Ionic
13 votes197 views2 answers
Ionic lifecycle
Javascript Ionic
2 votes228 views1 answer
Ionic 4 how to iterate json object in view
Javascript Ionic
0 vote176 views1 answer
Angular local storage ionic
Javascript Ionic
1 vote213 views1 answer
Ionic ngfor in component
Javascript Ionic
0 vote203 views1 answer
Ionic react use yarn
Javascript Ionic