申请/专利权人：一网互通(北京)科技有限公司

申请日：2023-11-08

公开（公告）日：2024-02-06

公开（公告）号：CN117194828B

主分类号：G06F16/957

分类号：G06F16/957

优先权：

专利状态码：有效-授权

法律状态：2024.02.06#授权;2023.12.26#实质审查的生效;2023.12.08#公开

摘要：本发明实施例中提供了一种React中Table滚动分页方法、装置及电子设备，属于数据处理技术领域，该方法包括：选择使用React作为前端框架组件创建，创建所需的React组件；使用React的useState钩子来管理组件内部的数据状态；利用React的事件处理机制，监听和处理页面滚动事件；使用React的useEffect钩子加载分页所需要的数据；利用React的组件渲染机制，将获取的数据按照预设的分页顺序动态展示在多个页面上。本方案采用了React作为前端框架，充分利用useState来高效管理数据和页面滚动信息，以提高系统的性能和用户体验。

主权项：1.一种React中Table滚动分页方法，其特征在于，包括：选择使用React作为前端框架组件创建，创建所需的React组件，所述React组件包括页面组件和子组件；使用React的useState钩子来管理组件内部的数据状态，在需要存储和更新数据的地方，定义并初始化状态变量，然后使用useState返回的状态和更新函数来实现数据管理；利用React的事件处理机制，监听和处理页面滚动事件，通过添加滚动事件监听器，实时获取页面滚动的滚动位置和滚动速度信息；当页面滚动的滚动位置和滚动速度信息满足分页条件时，使用React的useEffect钩子加载分页所需要的数据，在数据获取完成后，使用useState来更新React组件的数据状态；利用React的组件渲染机制，将获取的数据按照预设的分页顺序动态展示在多个页面上，当需要表格展示数据时，使用antd中的Table组件进行数据展示；其中所述将获取的数据按照预设的分页顺序动态展示在多个页面上，包括：对在多个页面上待展示的内容进行分词处理，得到数据元素集合；计算数据元素集合中数据元素的邻域值： 其中，n为数据元素的数量，表示数据元素集合中的第i个数据元素，表示数据元素的邻域值，表示邻域值调节参数，表示数据元素和数据元素之间的距离；计算数据元素集合中的数据元素的排序值： 基于数据元素的排序值，对数据元素集合进行降序排列，并将降序排列后的数据元素集合分别展示在多个页面上，为相似度调节参数。

全文数据：

权利要求：

百度查询： 一网互通(北京)科技有限公司 React中Table滚动分页方法、装置及电子设备

免责声明
1、本报告根据公开、合法渠道获得相关数据和信息，力求客观、公正，但并不保证数据的最终完整性和准确性。
2、报告中的分析和结论仅反映本公司于发布本报告当日的职业理解，仅供参考使用，不能作为本公司承担任何法律责任的依据或者凭证。

阅读全文 双屏查看 官方信息 专利公告 收藏专利 下载PDF 下载WORD