Топор ios Отменить все предыдущие запросы - PullRequest
Новая
       36

Топор ios Отменить все предыдущие запросы

0 голосов
/ 30 января 2020

Справочная информация: У меня есть компонент бесконечной прокрутки, который непрерывно отправляет запросы стороннему API, когда пользователь попадает в нижний блок. Я столкнулся с проблемой, когда пользователь переключает страницы до того, как невыполненные запросы заканчиваются sh, это создает утечку памяти.

Что я пытался: Я пытался использовать глобальный токен отмены как предложено в этом ответе , чтобы отменить все невыполненные запросы API, но это предотвращает все будущие запросы.

Вопрос: Я ищу способ отменить ВСЕ текущие & предыдущие запросы ко всем моим вызовам API, из-за пределов api-файла, но разрешая будущие запросы.

Мой файл API выглядит следующим образом: 

import React from 'react'
import axios from 'axios'

export const fetchAvatars = (query, amount) => {
  return axios.get('https://pixabay.com/api/', {
    params: {
      key: process.env.PIXABAY_API,
      q: query,
      orientation: 'vertical',
      per_page: amount,
      image_type: 'photo'
    }
  })
}

export const fetchVideos = (amount, category, editorsChoice, query) => {
  return axios.get('https://pixabay.com/api/videos/', {
    params: {
      key: process.env.PIXABAY_API,
      q: query,
      per_page: amount,
      category: category,
      editors_choice: editorsChoice,
      min_height: 1080,
      orientation: 'horizontal'
    }
  })
}

export const fetchVideoFromID = (id) => {
  return axios.get('https://pixabay.com/api/videos/', {
    params: {
      key: process.env.PIXABAY_API,
      id: id
    }
  }).catch(err => {
    if (!err.response) {
      console.log('network error, probably bad id')
    }
    else console.log(err)
  })
}

export const fetchPictureFromID = (id) => {
  return axios.get('https://pixabay.com/api/', {
    params: {
      key: process.env.PIXABAY_API,
      id: id
    }
  }).catch(err => {
    console.log(err)
  })
}

export const getRandomName = () => {
  return axios.get('https://randomuser.me/api/?nat=gb,au,ca')
}
...