
当我尝试在其他分页选项卡之间切换时,我在反应分页中遇到了一个小错误,每次切换时网格内容都会增加,我该如何修复这个错误,你知道吗
2009年10月28日1、QICMS商家联盟网站系统v2.0正式上线2、修正IE6.0下商家展示页及后台商家编辑等页面错位问题3、修正商家联盟/打折商家分页问题4、修改网站首页右侧的 '最新加盟商家' 为 '今日加盟商家'5、修改网站首页右侧的 '热门关注商家' 为 '今日打折卡申请&a
我已经安装了这个 npm 包
https://www.npmjs.com/package/react-paginate
我将在下面提供我部署的项目:
https://shoe-ecommerce-ez1c.vercel.app/
import React, { useState, useContext } from "react";
import ReactPaginate from "react-paginate";
import { ShopContext } from "./Context/ShopContext";
import Products from "./Components/Products";
import { Link } from "react-router-dom";
function PaginationProdGrid() {
const { products } = useContext(ShopContext);
const [currentPage, setCurrentPage] = useState(0);
const itemsPerPage = 6;
const displayedItems = products.slice(
currentPage * itemsPerPage,
(currentPage + 1) * itemsPerPage
);
const handlePageChange = (data) => {
setCurrentPage(data.selected);
};
return (
<>
{displayedItems && displayedItems.length > 0 ? (
displayedItems.map((item) => (
))
) : (
No products available
)}
>
);
}
export default PaginationProdGrid;









