Заголовки, потерянные в запросе на выборки [React-Native]

Question

В настоящее время я пытаюсь связать запросы API, чтобы получить информацию о пользователе с помощью React Native. Проблема, с которой я сталкиваюсь, заключается в том, что первый запрос на выборку обеспечивает ответ, который я ищу, но связанный запрос зависает.

Я смог сузить это, запустив API на своей машине, и вот в чем проблема. Когда выполняется первый запрос, заголовки в объекте конфигурации передаются без проблем. Когда выполняется второй запрос, загорается заголовок X-Tenant-Name, но по какой-то причине заголовок Authorization теряется в процессе, и поэтому запрос терпит неудачу.

Вот функция делает запросы:

async componentWillMount() { 
    const { authToken, selectedUser, tenant } = this.props; 

    const config = { 
     method: 'GET', 
     headers: { 
     'X-Tenant-Name': tenant, 
     'Authorization': 'Bearer ' + authToken 
     } 
    } 

    await fetch(URL + '/users/' + selectedUser.id, config) 
    .then(response => response.json()) 
    .then(response => { 
     this.setState({ user: response.data }); 
     const children = response.data.relationships.following_tips.data; 

     if (children.length) { 
     for (let i = 0; i < children.length; i++) { 
      fetch(URL + '/tips/' + children[i].id, config) 
      .then(response => response.json()) 
      .then(response => console.log(response)) 
      .done(); 
     } 
     } 
    }) 
    .done(); 
    } 

Любые идеи?

Answer 1

Я думаю, что ваша проблема вызвана тем, что вы забываете пройти config ко второму fetch. Попробуйте это:

async componentWillMount() { 
    const { authToken, selectedUser, tenant } = this.props; 

    const config = { 
    method: 'GET', 
    headers: { 
     'X-Tenant-Name': tenant, 
     'Authorization': 'Bearer ' + authToken 
    } 
    } 

    await fetch(URL + '/users/' + selectedUser.id, config) 
    .then(response => response.json()) 
    .then(response => { 
    this.setState({ user: response.data }); 
    const children = response.data.relationships.following_tips.data; 

    if (children.length) { 
     for (let i = 0; i < children.length; i++) { 
     fetch(URL + '/tips/' + children[i].id, config) //Add config to this fetch too. 
     .then(response => response.json()) 
     .then(response => console.log(response)) 
     .done(); 
     } 
    } 
    }) 
    .done(); 
}