Pagination
适用于控制台 API 的游标式分页:“加载更多”,或上一页与下一页。
function LoadMore() {
const [n, setN] = useState(50);
return <Pagination hasMore={n < 200} onLoadMore={() => setN((x) => Math.min(200, x + 50))} />;
}import { Pagination } from "@logicplanes/kaeso-ui";属性
hasMoreboolean是否有下一页。
hasPreviousboolean是否有上一页。
loadingboolean显示页面正在加载。
onLoadMore(() => void)由“加载更多”按钮调用。
onNext(() => void)调用以前往下一页。
onPageChange((page: number) => void)调用时传入所选页码。
onPrevious(() => void)调用以前往上一页。
pagenumber = 1页面:
pageCountnumber = 1页数,用于页码分页。
variant"cursor" | "load-more" | "pages" = load-more页码分页、按游标的上一页和下一页,或“加载更多”按钮。