Один из моих компонентов - это монтирование перед тем, к которому я хочу перейти - PullRequest
0 голосов
/ 30 марта 2020

довольно сложно объяснить мою проблему, но я буду стараться изо всех сил. Так что в моем приложении у меня есть экран приветствия (это мой начальный маршрут в моем навигаторе - я использую реагирование-навигацию-). На этой странице есть две кнопки (логин и регистрация) экран приветствия приложения

Что я хочу, это когда я нажимаю на страницу входа в систему, например, и отображаю ее. Моя проблема здесь, прежде чем попасть на страницу входа в систему, я получаю ошибку 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 к экрану входа или регистрации.

...