Spread and rest
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: