Breaking News: Grepper is joining You.com. Read the official announcement!

Fetch data from multiple pages of an API in react native

barisx answered on April 21, 2022 Popularity 4/10 Helpfulness 1/10

answer Fetch data from multiple pages of an API in react native

Fetch data from multiple pages of an API in react native

Comment

React.useEffect(() => {
    const getAllGames = async(page: number|null): void => {
      if (Number.isInteger(page)){
        const result = await fetch(apiURL + "/games?page="+page)
        const data = await result.json()
        const { results: games } = data;
        if (data.next) { 
          setTimeout(
            getAllGames(
              parseInt(data.next.charAt(data.next.length-1))), 10000)
        }
        setGames(previousGames => [...games, ...previousGames]);
      }
    }
    getAllGames(1)
  }, []);

Popularity 4/10 Helpfulness 1/10 Language javascript

Source: stackoverflow.com

Tags: fetch javascript react-native

Link to this answer
Share Copy Link