如何在React上正确开发分页？

在React上正确开发分页，可以按照以下步骤进行：

1. 安装React和相关依赖：首先，确保已经安装了React和React相关的依赖，可以使用npm或者yarn进行安装。
2. 创建分页组件：创建一个名为Pagination的组件，该组件将负责处理分页逻辑和渲染分页UI。
3. 定义组件的状态：在Pagination组件中，定义一些状态变量，如当前页码、每页显示数量、总页数等。
4. 处理页码变化：在Pagination组件中，编写处理页码变化的函数，该函数将根据用户点击的页码更新当前页码，并触发数据重新加载。
5. 渲染分页UI：在Pagination组件的render方法中，根据当前页码、总页数等状态变量，渲染分页UI，可以使用React的内置组件如Button、List等。
6. 处理数据加载：在Pagination组件中，编写处理数据加载的函数，该函数将根据当前页码和每页显示数量，从后端获取对应的数据。
7. 调用分页组件：在需要分页的页面中，引入Pagination组件，并传递相应的参数，如总页数、每页显示数量等。
8. 监听页码变化：在需要分页的页面中，监听Pagination组件的页码变化事件，并根据新的页码重新加载数据。

总结： 在React上正确开发分页，需要创建一个Pagination组件来处理分页逻辑和渲染分页UI。该组件需要定义状态变量来存储当前页码、每页显示数量、总页数等信息，并编写相应的函数来处理页码变化和数据加载。在需要分页的页面中，引入Pagination组件，并监听页码变化事件，根据新的页码重新加载数据。