react native, how to jump page in network request - react-native

Question

I want to jump to the login page when the server returns a 401 status code，Where should i set
my app.js:
...
import React, { Component } from 'react';
import { NavigationContainer } from '#react-navigation/native';
import { createStackNavigator } from '#react-navigation/stack';
import Test from './pages/test'
import Login from './pages/login'
...
const Stack = createStackNavigator();
class App extends Component{
render(){
return(
<NavigationContainer>
<Stack.Navigator initialRouteName="Test" headerMode="none">
<Stack.Screen name="Test" component={Test} />
<Stack.Screen name="Login" component={Login} />
...
</Stack.Navigator>
</NavigationContainer>
)
}
}
export default App ;
I have a request.js to handle the all request
every page will use this axios instance to send a request
For example
/pages/test
import {test} from './request.js'
import React, {Component} from 'react';
export default class Test extends Component {
componentDidMount(){
test()
}
}
request.js
import axios from 'axios';
const instance = axios.create({
baseURL: 'http://192.168.10.10:51000',
});
instance.interceptors.response.use(
(response) => {
return response;
},
(error) => {
if(error.response.status === 401){
/*
*** jump page
*/
}
return Promise.reject(error);
},
);
export function test() {
return instance.get('/test');
}

Answer 1

first,Create a new file named RootNavigation.js：
import React from 'react';
export const navigationRef = React.createRef();
export function navigate(name, params) {
navigationRef.current?.navigate(name, params);
}
and then,Import in app.js，Then add ref={navigationRef} in the NavigationContainer of app.js
import { navigationRef } from './RootNavigation';
// ...
class App extends Component{
render(){
return(
<NavigationContainer ref={navigationRef}>
</NavigationContainer>
)
}
}
Finally, modify request.js like this
import * as RootNavigation from './RootNavigation';
// ...
if(error.response.status === 401){
RootNavigation.navigate('Login');
}
done,It works