当我尝试在其他分页选项卡之间切换时，我在反应分页中遇到了一个小错误，每次切换时网格内容都会增加，我该如何修复这个错误，你知道吗
我已经安装了这个 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
)}
以上就是反应分页上的错误的详细内容，更多请关注创想鸟其它相关文章！
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至 chuangxiangniao@163.com 举报，一经查实，本站将立刻删除。
发布者：程序猿，转转请注明出处：https://www.chuangxiangniao.com/p/1491561.html
微信扫一扫 
支付宝扫一扫 
