Skip to main content

Spread and rest

12th October, 2022

Updated: 12th October, 2022

    export default function App() {
      const amountOfResults = () => {
        return [10, 20];
      };
    
      const [ start, end ] = amountOfResults();
    
      const results = amountOfResults();
     
      return (
        <div className="App">
          <p>
            {start} - {end}
          </p>
          <p>{results.join(" - ")}</p>
        </div>
      );
    }
      function pagination(numberOfResults, currentPage, itemsPerPage) {
        return {
          total: numberOfResults,
          per_page: itemsPerPage,
          current_page: currentPage,
          last_page: Math.ceil(numberOfResults / itemsPerPage),
          from: (currentPage - 1) * itemsPerPage + 1,
          to:
            currentPage * itemsPerPage < numberOfResults
              ? currentPage * itemsPerPage
              : numberOfResults
        };
      }
    
      const results = [...Array(100)].map((x) => []);
      const numberOfResults = results.length;
      const currentPage = 5;
      const itemsPerPage = 20;
    
      const { total, per_page, current_page, last_page, from, to } = pagination(
        numberOfResults,
        currentPage,
        itemsPerPage
      );

    facfb4a1-c448-40e8-bbf2-0ec2c0ea32df

    Created on: 12th October, 2022

    Last updated: 12th October, 2022

    Tagged With: