довольно сложно объяснить мою проблему, но я буду стараться изо всех сил. Так что в моем приложении у меня есть экран приветствия (это мой начальный маршрут в моем навигаторе - я использую реагирование-навигацию-). На этой странице есть две кнопки (логин и регистрация) экран приветствия приложения
Что я хочу, это когда я нажимаю на страницу входа в систему, например, и отображаю ее. Моя проблема здесь, прежде чем попасть на страницу входа в систему, я получаю ошибку 401, почему? потому что на третьей странице homeScreen (тот, который должен появиться после входа пользователя в систему) выполняет вызов API для получения некоторых данных, и для этого вызова требуется как минимум токен пользователя, предоставленный моей страницей входа. Я разместил файл console.log и вижу, что компонент homeScreen монтируется перед страницей входа или страницами реестра. здесь порядок рендеринга каждого компонента
Метод, который вызванный в homeScreen вызывается в componentDidMount и выглядит следующим образом:
getRestaurant = async () => {
try {
let res = await axios({
method: 'get',
url: `${environment.apiDevUrl}/restaurant/visible`,
})
this.setState({
restaurantData: res.data,
})
} catch (error) {
console.error(error)
}
}
Поэтому я хочу знать, почему вызывается этот компонент, прежде чем он мне даже понадобится, или щелкните по нему, чтобы перейти к нему, чтобы мой пользователь мог go к экрану входа или регистрации.