Reactjs 使Axios限制响应的数量

我试图对API进行axios GET调用，以检索一些JSON数据。数据存储在一个数组中，其中包含多个对象，每个对象包含相同的键。这个数组中有数百个对象，但我只想返回前十个。我知道一旦返回数据集，我就可以截断它，但我想知道是否有办法限制对API调用的响应量

以下是数据集的示例：

[
{
“用户ID”：1，
“id”：1，
“头衔”：“伟大的盖茨比”，
“作者”：“F.斯科特·菲茨杰拉德”
},
{
“用户ID”：1，
“id”：2，
“标题”：“1984年”，
“作者”：“乔治·奥威尔”
},
{
“用户ID”：1，
“id”：3，
“头衔”：“基督山伯爵”，
“作者”：“亚历山大大仲马”
},
]

我的axios请求也很简单：

router.get（“/”，（req，res）=>{
axios.get(`https://jsonwebsit.info.com/posts`)
。然后（响应=>{
res.send（response.data）
})
.catch（错误=>{
log（'从API获取所有数据时出错'，错误）
})
});

在API端实现分页之前，您无能为力。根据实现方式的不同，您可能会向API发送参数请求，如

偏移量

，

页面

，

限制

——这些是最常见的参数名称，表示API应返回多少个元素。但是，如果第三方提供商及其文档没有说明这种可能性，那么您很可能无法执行您想要的操作。实际上，您可以限制来自某个API端点的响应数量

在发出请求时，只需添加参数作为对象作为第二个参数

例如：

这里将jsonplaceholder API的响应限制为10

您也可以调用

https://jsonplaceholder.typicode.com/todos/?_limit=10

并将得到相同的结果

---

希望有帮助。

也许分页可以帮助您？

componentDidMount() {
  axios.get('https://jsonplaceholder.typicode.com/todos',{
    params: {
      _limit: 10
     }
  })
    .then((res) => {
      this.setState({
        todos: res.data
      });
    })
}