React中使用post方法调用axios后如何处理分页链接？

Question

我使用 React 前端和 Laravel 支持。 我有一个使用 post 方法的 api 调用。其目的是根据有效负载获得过滤结果：

axiosClient.post('/admin/filter_tasks', payload)
.then(({ data }) => {
    setTasks(data)
})
.catch(err => {
    console.log(err)
})

在此 api 调用之后，我得到分页响应，其中包含页面链接：

links: Array(4)
0: {url: null, label: '« Previous', active: false}
1: {url: 'http://localhost:8000/api/admin/filter_tasks?page=1', label: '1', active: true}
2: {url: 'http://localhost:8000/api/admin/filter_tasks?page=2', label: '2', active: false}
3: {url: 'http://localhost:8000/api/admin/filter_tasks?page=2', label: 'Next »', active: false}
length: 4

我尝试使用这些链接来获取页面，但无法使用 get 方法访问它们。 如何使用链接获取页面？

Answer 1

1. 正如鲍勃提到的，需要post方法。 （谢谢。）
2. 需要将原始有效负载添加到每个 axios 调用中，即使它是某个页面调用，例如：'http://localhost:8000/api/admin/filter_tasks?page=2'

原始有效负载可以在 useState 挂钩的帮助下存储和重用。