如何解决找不到模块:无法解析“反应分页”
我已经使用以下命令安装了 react-pagination:-
npm i react-bootstrap-4-pagination
我的代码:-
import React,{ Component } from "react";
import { Link } from "react-router-dom";
import Pagination from 'react-pagination';
let paginationConfig = {
totalPages: 22,currentPage: 15,showMax: 5,size: "lg",threeDots: true,prevNext: true,href: 'https://example.com/items?page=*',// * will be replaced by the page number
pageOneHref: 'https://example.com/items',borderColor: 'red',activeBorderColor: 'black',activeBgColor: 'grey',disabledBgColor: 'red',activeColor: 'red',color: 'purple',disabledColor: 'green',circle: true,shadow: true
};
<Pagination
threeDots
totalPages={22}
currentPage={15}
showMax={7}
prevNext
activeBgColor="#18eaca"
activeBorderColor="#7bc9c9"
/>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react/16.6.3/umd/react.production.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react-dom/16.6.3/umd/react-dom.production.min.js"></script>
回答将不胜感激!
解决方法
问题出在包文档上,因为导入的说明不正确 here at official page。
import Pagination from 'react-pagination';
上面的import语句应该是
import Pagination from "react-bootstrap-4-pagination";
但它在代码和盒子的官方页面提供的现场演示中正确说明code for live demo provided in official docs
,你需要安装react-pagination:
npm install react-bootstrap bootstrap
并像这样导入:
import Pagination from 'react-bootstrap/Pagination'
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。