21 replies

✅ – Alforoan – 03-36 Jan 4

if an api link gives me only one page of a collection of movies and i want multiple pages how do i combine the data?
i can get 2nd,3rd, 4th, etc. pages by changing the link at the end to page=(number)

Solution

  const [currentPage, setCurrentPage] = useState(1);

  const FetchMovies = async (page) => {
   const response = await fetch(url+page);
    const movies = await response.json();
    setMovies(prev => [...prev, ...movies.results]);
  };

  React.useEffect(() => {
    FetchMovies(currentPage);
  }, [currentPage]);

  const [currentPage, setCurrentPage] = useState(1);

  const FetchMovies = async (page) => {
   const response = await fetch(url+page);
    const movies = await response.json();
    setMovies(prev => [...prev, ...movies.results]);
  };

  React.useEffect(() => {
    FetchMovies(currentPage);
  }, [currentPage]);

Jump to solution

Reactiflux•4y ago•

21 replies

Shrouder

✅ – Alforoan – 03-36 Jan 4

Solution

  const [currentPage, setCurrentPage] = useState(1);

  const FetchMovies = async (page) => {
   const response = await fetch(url+page);
    const movies = await response.json();
    setMovies(prev => [...prev, ...movies.results]);
  };

  React.useEffect(() => {
    FetchMovies(currentPage);
  }, [currentPage]);

  const [currentPage, setCurrentPage] = useState(1);

  const FetchMovies = async (page) => {
   const response = await fetch(url+page);
    const movies = await response.json();
    setMovies(prev => [...prev, ...movies.results]);
  };

  React.useEffect(() => {
    FetchMovies(currentPage);
  }, [currentPage]);

Jump to solution

Continue the conversation

Join the Discord to ask follow-up questions and connect with the community

Reactiflux

The best chat community for professionals using React or React Native

76,709 Members

Join