代码之家 › 专栏 › 技术社区 › Braj

使用react js分页进行分页,但未应用引导样式

bootstrap-4 pagination reactjs javascript

Braj · 技术社区 · 7 年前

我在用分页用于在应用程序中显示页码。引导被添加到 公共索引。html 文件,并可在其他组件中使用类名进行访问。

对于分页组件,是否需要显式添加引导样式?我看到的所有例子都是自动应用样式。

密码-

import Pagination from "react-js-pagination";
<Pagination
        activePage={this.state.activePage}
        itemsCountPerPage={3}
        totalItemsCount={450}
        pageRangeDisplayed={3}
        onChange={this.handlePageChange}
      />

1 回复 | 直到 7 年前

askar 6 年前

从react js分页文档:

如果你想让它适用于Bootstrap 4,你需要添加2 使用此组件时的其他道具:
linkClass=“页面链接” itemClass=“页面项目”

所以你只需要这样做:

<Pagination
    itemClass="page-item"
    linkClass="page-link"
    activePage={this.state.activePage}
    itemsCountPerPage={3}
    totalItemsCount={450}
    pageRangeDisplayed={3}
    onChange={this.handlePageChange}
/>

user3543878 7 年前

看起来react js分页正在使用bootstrap v3,您可以执行以下操作

使用npm安装引导v3(npm安装bootstrap@3——保存)或
在公共/索引中包含cdn链接。html文件

Bootstrap v3 CDN

推荐文章

code-geek · Jquery根据单选按钮选择隐藏或显示文本字段

1 年前

Niobos · 如何/是否有方法使通用算法函数同时与同步和异步函数一起工作?

1 年前

Alex · 在轻量级中同时解构和不解构变量

1 年前

Ângelo Rigo · ReactJS映射:如何迭代[关闭]

1 年前

bairog · 从按属性筛选的对象数组字典中创建值数组

1 年前

KaiMcKiernan · 基于Math.random()的函数在另一个函数内不起作用[关闭]

1 年前

David Jeong · 浏览器不会为浏览器自动添加的某些标头发送CORS预检请求吗?

1 年前

user29519291 · 为不同的变量创建一个带有可重用Click函数的简单菜单

1 年前

user3472810 · Angular@Output/EventEmitter返回undefined

1 年前

lokiuucx · JS对象属性返回未定义,尽管对象属性应该有值

1 年前