:atom_symbol: React 渲染道具组件和用于分页的自定义钩子。

时间:2024-06-28 09:24:40
【文件属性】:

文件名称::atom_symbol: React 渲染道具组件和用于分页的自定义钩子。

文件大小:234KB

文件格式:ZIP

更新时间:2024-06-28 09:24:40

Paginator

分页 React 渲染道具和用于分页的自定义钩子。 特性 Headless 组件 - 对 ui 表达式没有限制。 Style free - 这个库只关心分页的功能。 使用 RTL 小尺寸测试 - https://bundlephobia.com/[email protected]/paginated 安装 npm i @makotot/paginated Example With Chakra UI Usage Render Props import { Paginated } from '@makotot/paginated' ... return ( {({ pages, currentPage, hasPrev, hasNext, getFirstBoundary, getLastBoundary, isPrevTruncated, isNextTruncated }) => ( {hasPrev() && prev } {getFirstBoundary().map(boundary => {boundary} )} {isPrevTruncated && ... } {pa


【文件预览】:
paginated-master
----example()
--------package.json(506B)
--------index.html(342B)
--------package-lock.json(263KB)
--------stiches.config.ts(159B)
--------.npmignore(24B)
--------tsconfig.json(438B)
--------index.tsx(214B)
--------App.tsx(3KB)
----renovate.json(41B)
----package.json(2KB)
----.github()
--------workflows()
----test()
--------index.test.tsx(11KB)
----LICENSE(1KB)
----package-lock.json(681KB)
----src()
--------types.ts(440B)
--------index.tsx(509B)
--------usePaginated.ts(3KB)
----.eslintrc.js(191B)
----tsconfig.json(1KB)
----.gitignore(41B)
----CHANGELOG.md(377B)
----README.md(4KB)

网友评论