循环获取 - React
Loop with fetch - React
我正在尝试遍历 API 以将所有 5 个页面的数据提取到我的 setPosts 数组中。我希望将所有数据组合在一起，而不是嵌套到数组中。下图显示了数据现在是如何通过的，索引 20+ 是第 2、3、4 等页，我想像之前的信息一样显示。
const getPosts = () => {
for (let i = 1; i < 6; i++) {
fetch(`/api/posts?page=${i}`)
.then((res) => res.json())
.then((data) => setPosts(prevPosts => [...prevPosts, data.posts]))
.catch((error) => console.log('Error fetching posts', error));
}
};
这部分代码似乎有问题。虽然这里的信息有点缺乏。
部署这些更改以查看是否有效。您获取的数据是一个对象数组。你想把它添加到你以前的对象数组中。所以：
.then((data) => setPosts(prevPosts => [...prevPosts, ...data]))
我正在尝试遍历 API 以将所有 5 个页面的数据提取到我的 setPosts 数组中。我希望将所有数据组合在一起，而不是嵌套到数组中。下图显示了数据现在是如何通过的，索引 20+ 是第 2、3、4 等页，我想像之前的信息一样显示。
const getPosts = () => {
for (let i = 1; i < 6; i++) {
fetch(`/api/posts?page=${i}`)
.then((res) => res.json())
.then((data) => setPosts(prevPosts => [...prevPosts, data.posts]))
.catch((error) => console.log('Error fetching posts', error));
}
};
这部分代码似乎有问题。虽然这里的信息有点缺乏。 部署这些更改以查看是否有效。您获取的数据是一个对象数组。你想把它添加到你以前的对象数组中。所以：
.then((data) => setPosts(prevPosts => [...prevPosts, ...data]))