Javascript 从API获取表数据的最佳方法？分页在哪里起作用

我想要一些关于处理数据的最佳方式的建议，我需要在哪里对数据进行表化，在API上有一个分页端点，类似这样

"meta": {
        "pagination": {
            "total": 50,
            "count": 10,
            "per_page": 10,
            "current_page": 1,
            "total_pages": 5,
            "links": {
                "next": "http://192.168.1.1/api/sample/users?page=2"
            }
        }
    }

---

到目前为止，我所做的是执行for循环，直到我从请求中获取所有数据，但我“担心我的数据是否会变成成百上千”，然后将其保存到我的状态，并在我用来显示的表中调用它，我的想法是创建我自己的表，因为为了加快我认为的分页的每一次点击，它将要求某个页面获得结果，而不是给我全部数据，但我也担心如果我不能获得全部数据，我将如何管理搜索栏。希望您能给我一些建议或想法，告诉我如何处理它，或者是否有任何react库可以处理特定任务？

如果api支持搜索功能，您可以禁用内置的材质表搜索，并实现搜索框。您的意思是我的后端也需要一个功能？它不能在前端单独工作？是的，有两个选项，1-）带有搜索功能的服务器端分页。性能更高，但需要额外的编码。2-）具有内置材料表搜索功能的客户端分页（这将从服务器获取所有数据，性能较差，但如果需要检查记录数不超过5000-10000，则可能不会出现问题。