Javascript 在reactjs中对映射记录进行分页

我有以下几点,

import React，{Component}来自“React”；
从“react router dom”导入{Link}；
从“rc分页”导入分页；
从“反应力矩”导入力矩；
从“sweetalert”导入swal；
从“axios”导入axios；
导入“rc pagination/assets/index.css”；
从“./Auth/AuthService”导入AuthService；
const Auth=new AuthService（）；
类JournalIndex扩展组件{
构造函数（）{
超级（）；
此.state={
期刊：[]
};
}
componentDidMount（）{
axios
.get（“/api/journals”）
。然后（res=>{
this.setState（{journals:res.data}）；
})
.catch（错误=>{
控制台错误（error）；
});
}
删除（id）{
让配置={
标头：{授权：“承载者”+Auth.getToken（）}
};
游泳({
标题：“你确定吗？”，
text:“一旦删除，您将无法恢复此日志！”，
图标：“警告”，
按钮：是的，
邓格莫德：是的
})。然后（将删除=>{
如果（将删除）{
delete（“/api/journals/”+id，config）。然后（结果=>{
this.props.history.push（“/journals”）；
});
swal（“噗！你的日记被删除了！”{
图标：“成功”
});
}否则{
swal（“你的日记是安全的！”）；
}
});
}
render（）{
返回(
期刊销售

在这里你可以找到我的日记，关于从
手表、修理和交易

{this.state.journals.map（journal=>(
{journal.title}
{Auth.loggedIn（）&&(

编辑
|
删除
)}

))}
`${this.state.journals.length}项`}
总计={`${this.state.journals.length}`}
/>
);
}
}
导出默认日志索引；

我使用的是

rc分页

包，但我希望对映射数组中的所有记录进行分页，以便每页仅显示10项

我已经看过了文档，但我不太确定如何实施它

或者，如果有人能给我指出一个分页包，并提供一个例子，这将是伟大的，因为我期待在几页分页

---

任何帮助都会很好。

rc pagination

有一个可以定义为10或其他任何页面大小的道具。

rc pagination

有一个可以定义为10或其他任何页面大小的道具。

我已经添加了这个道具，但实际上它没有做任何事情，它仍然显示所有记录。我认为您误解了此包/组件的用途。它不管理您实际显示的数据，它只是一个可配置的分页菜单，因此您不必自己构建。如果需要显示整个列表的组件。。您需要根据要渲染的数据类型、要对其执行的操作以及希望它的外观来找到另一个。也许一张桌子？将为您处理分页。当然，你可以自己管理页面道具。这并不太棘手。我没有使用功能组件。当您只在软件包的一小部分上使用时，react table看起来像是一个巨大的滥杀滥伤。然后我建议您只管理当前页面、页面大小和您在状态下显示的数据，并将它们作为道具传递到分页菜单。使用大小/当前页面计算数组的起点/终点，然后根据该信息动态映射到子部分。我已经添加了该信息，但它实际上没有做任何事情，它仍然显示所有记录。我认为您误解了此包/组件的用途。它不管理您实际显示的数据，它只是一个可配置的分页菜单，因此您不必自己构建。如果需要显示整个列表的组件。。您需要根据要渲染的数据类型、要对其执行的操作以及希望它的外观来找到另一个。也许一张桌子？将为您处理分页。当然，你可以自己管理页面道具。这并不太棘手。我没有使用功能组件。当您只在软件包的一小部分上使用时，react table看起来像是一个巨大的滥杀滥伤。然后我建议您只管理当前页面、页面大小和您在状态下显示的数据，并将它们作为道具传递到分页菜单。使用“大小/当前”页面计算阵列的起点/终点，然后根据该信息动态映射到子分区。