Estoy tratando de implementar una funcionalidad en reaccionar. tengo una matriz digamos
const arr =[ 'a1','a2','a4','a5','a6', 'a7','b1','b2','b3','b4', 'c1','c2','d1','e1','e2', 'e3','e4']En la carga de la página de forma predeterminada, los primeros 5 elementos de la matriz deben representarse. Hay dos botones de incremento y decremento. En el golpe de incremento, necesito mostrar los siguientes 5 elementos de la matriz y en el decremento volver a los 5 elementos anteriores. si el número de elementos no es divisible completamente por 5, por ejemplo, si hay 16 elementos, al final necesito los elementos 1-5,5-10,10-15,11-16
Por favor, sugiera qué se puede hacer aquí.
Solo escríbete una función de utilidad para la paginación
// select page of size pageSize from array a at index pageIndex function paginate(a, pageIndex, pageSize) { var endIndex = Math.min((pageIndex + 1) * pageSize, a.length); return a.slice(Math.max(endIndex - pageSize, 0), endIndex); } var arr = [ 'a1', 'a2', 'a4', 'a5', 'a6', 'a7', 'b1', 'b2', 'b3', 'b4', 'c1', 'c2', 'd1', 'e1', 'e2', 'e3', 'e4' ] console.log(paginate(arr, 0, 5)) // ['a1', 'a2', 'a4', 'a5', 'a6'] console.log(paginate(arr, 2, 5)) // ['c1', 'c2', 'd1', 'e1', 'e2'] console.log(paginate(arr, 3, 5)) // ['d1', 'e1', 'e2', 'e3', 'e4']