
Research
Security News
The Growing Risk of Malicious Browser Extensions
Socket researchers uncover how browser extensions in trusted stores are used to hijack sessions, redirect traffic, and manipulate user behavior.
react-reactstrap-pagination
Advanced tools
Supply Chain Security
Vulnerability
Quality
Maintenance
License
Pagination component made using Reactstrap PaginationItem and PaginationLink components.
PaginationComponent.propTypes = {
// Total number of items
totalItems: PropTypes.number.isRequired,
// Number of items displayed each page
pageSize: PropTypes.number.isRequired,
// Function to receive the event when a page is selected
onSelect: PropTypes.func.isRequired,
// Number of pages being displayed, by default 5
maxPaginationNumbers: PropTypes.number,
// Page where the pagination starts, by default 1
defaultActivePage: PropTypes.number
// Change text of "First" button
firstPageText: PropTypes.string
// Change text of "Previous" button
previousPageText: PropTypes.string
// Change text of "Next" button
nextPageText: PropTypes.string
// Change text of "Last" button
lastPageText: PropTypes.string
// Changes the size of the component. Values: "sm" and "lg". Without the prop the size is normal.
size: PropTypes.string
}
<PaginationComponent totalItems={50} pageSize={5} onSelect={this.handleSelected} />
activePage prop changed to defaultActivePage. Now it correctly changes the numbers if the defaultActivePage is bigger than maxPaginationNumbers.
Removed use of deprecated method componentWillReceiveProps.
It is possible to change any props, including defaultActivePage and it will update correctly (using state).
It was added on 1.0.8 but it's worth to mention, the size prop with the values "sm" or "lg" will make smaller or bigger the component. It was an option from the actual Reactstrap PaginationItem component.
FAQs
Reactstrap pagination component
The npm package react-reactstrap-pagination receives a total of 236 weekly downloads. As such, react-reactstrap-pagination popularity was classified as not popular.
We found that react-reactstrap-pagination demonstrated a not healthy version release cadence and project activity because the last version was released a year ago. It has 1 open source maintainer collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Research
Security News
Socket researchers uncover how browser extensions in trusted stores are used to hijack sessions, redirect traffic, and manipulate user behavior.
Research
Security News
An in-depth analysis of credential stealers, crypto drainers, cryptojackers, and clipboard hijackers abusing open source package registries to compromise Web3 development environments.
Security News
pnpm 10.12.1 introduces a global virtual store for faster installs and new options for managing dependencies with version catalogs.