javascript - 如何同时映射 React 中的两个数组？

Question

我是 React 的初学者。我正在使用 json 占位符通过 axios 获取数据。我在该州有两个数组。

state = {
                posts : [],
                images : []

       };

通过 axios 获取数据后，我使用 set state up 更新值。现在，我希望将其全部显示在卡片中。如果它只是一个数组，我会使用 map 来显示内容。现在我希望图像数组中的图像随每个帖子一起显示。我该怎么办？

Answer 1

您可以通过这种方式从两个数组中创建单个数组。

const postsWithImage=this.state.posts.map(post=>{
return {
...post,
img: this.state.images.find(img=> img.id===post.imgid) // or some relation between posts and images
}

})

现在进一步映射 postsWithImage