Redux结构调用多个资源

时间:2018-06-13 10:45:30

标签: reactjs rest redux

所以我有一个使用react和redux构建的web应用程序,它与使用express.js和mongodb构建的rest api进行通信。 我想建立一个个人资料页面,该页面将显示该个人资料的最新图像和最新评论。

每张图片都引用了评论和用户,每条评论都引用了图片和用户。

所以我可以例如获取图像?userid = 949943并获取我需要的所有数据,但正如我在redux中所理解的那样,建议将数据保存为平。

所以在商店里它可能就像

{
 images: {},
 comments: {},
 users: {}
}

然后我应该做3个不同的api请求吗?

获取用户/ 949943

获取图片?userid = 949943

获得评论?userid = 949943

我在哪里将所有东西绑在一起?我有用户,评论和图像的动作文件。我是否应该创建一个新的操作文件来导入所有这些操作并从那里调用这3个操作?我发现在使用多个资源时如何使用redux进行结构很困难,大多数教程仅提供了一个资源的示例。

1 个答案:

答案 0 :(得分:0)

看看Normalizr

如果您可以放心地设置所需的架构,那么您可以从单个端点获取API的响应,并使用您提到的平面结构填充Redux存储,以满足多种数据模型的需求。