Professional-pagination-using-react-without-JSX:在没有JSX的情况下使用react进行专业分页

时间:2024-06-02 07:05:41
【文件属性】:

文件名称:Professional-pagination-using-react-without-JSX:在没有JSX的情况下使用react进行专业分页

文件大小:308KB

文件格式:ZIP

更新时间:2024-06-02 07:05:41

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)

网友评论