【文件属性】:
文件名称:Professional-pagination-using-react-without-JSX:在没有JSX的情况下使用react进行专业分页
文件大小:308KB
文件格式:ZIP
更新时间:2021-05-13 13:19:01
JavaScript
不使用JSX的专业分页使用React
该项目使用AJAX请求来获取数据,然后根据您为每个页面设置的项目数量创建一个分页列表。
因为这被认为是一个小项目,并且为了使用户能够将其添加到不基于react的更大项目中,所以我跳过了JSX并手动将依赖项添加到该项目中。 因此,您可以轻松地将其添加到您的项目中,并且当我将其称为即插即用项目时,它将可以正常工作。
但是您需要在custom.js更改您的需求
this.state = {
posts: [],
currentPage: 1,
postsPerPage: 2,
pageCount: 0,
pageNumbers2Display: 5, //Set an odd number > 1
};
看一下使用此代码获得的示例:
没有要添加的额外信息。 享受!
【文件预览】:
Professional-pagination-using-react-without-JSX-master
----index.html(2KB)
----React-App.png(9KB)
----js()
--------react.development.js(57KB)
--------custom.js(8KB)
--------prop-types.js(33KB)
--------prop-types.min.js(3KB)
--------react-dom.production.min.js(100KB)
--------jquery.min.js(85KB)
--------popper.min.js(20KB)
--------react.production.min.js(6KB)
--------react-dom.development.js(622KB)
--------bootstrap.min.js(49KB)
----LICENSE(1KB)
----generated.json(67KB)
----README.md(895B)
----css()
--------styles.css(70B)
--------bootstrap.min.css(137KB)