Reactjs 如何在React中处理多页JSON响应的分派

我正在

React

中使用以下操作

export const fetchReminders = () => dispatch => {

    fetch(serverroute + 'reminders/', {
        headers: {
            'Authorization': 'Basic ' + userCredential
        }
    })
        .then(res => res.json())
        .then(reminders => dispatch({
            type: FETCH_REMINDERS,
            payload: reminders.results
        }));

};

但是我从中获取的API返回多个页面中的结果。 结果

JSON

如下所示

{
    "count": 14,
    "next": "http://localhost:8081/reminders/?page=2",
    "previous": null,
    "results": [
        {
                ......

        }
}

如何将多页

JSON

响应合并到我的

React操作中

---

除了

React

之外，我正在使用

Redux

和

Thunk

您可以在减速器中处理此问题。您可以调度每个部分的数据（来自api），在reducer中，您可以将所有数据推（concatate）到单个对象中

---

在第一次api调用之前，您可以创建一个特别的调度来清除reducer中这个特定对象中的数据，以便将提交的数据存储为一个新的序列。

您好，我同意您的过程，并且我在过去几天里对现有堆栈溢出问题进行了深入的了解。请解释这个过程，但我仍停留在编码部分。我无能为力除非我知道如何开始调用API序列以及如何保存这些API，否则我不会告诉你。如果你能用你的代码创建一个codepen或jsfiddle页面就最好了。如果你认为这是堆栈溢出社区的一个解决方案，请接受它作为答案，如果你觉得它有用的话，请向上投票