How to do a routing inside a function? this function was getting an error in react native

Question

Function :

  async function ridirect(APIresponse) {
const { navigate } = this.props.navigation;
if(APIresponse.success == true){
  navigate('HomeBottomBar')

}
}

this function was getting error.

What was the error message? What does your navigation config look like? — Kai
– Kai, Commented Apr 23, 2021 at 1:59
[TypeError: undefined is not an object (evaluating 'this.props.navigation') — milan sauraka
– milan sauraka, Commented Apr 23, 2021 at 2:12
This might help you stackoverflow.com/questions/45226391/… — Ashok
– Ashok, Commented Apr 24, 2021 at 6:20

Finley · Accepted Answer · 2021-04-23 03:33:25Z

0

It's you're not passing the navigation prop to the component. You could use Navigation Context to pass navigation to the function.

E.g.:

import { NavigationContext } from '@react-navigation/native';

async function ridirect(APIresponse) {
  const contextType = NavigationContext;;
  if(APIresponse.success == true){
    navigate('HomeBottomBar')
  }
}

answered Apr 23, 2021 at 3:33

Finley

1761 silver badge8 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

How to do a routing inside a function? this function was getting an error in react native

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related