redux - 如何在 Redux-orm 中将 API 响应映射到数据库状态

标签 redux redux-orm

我正在尝试将 API 响应直接映射到我的 Redux-Orm 模型。我有两个模型:

Product hasMany ProductProperties

ProductProperty belongsTo Product

我收到的 API 响应是:

{
  products: [
    {name: 'P1', id: 1},
    {name: 'P2', id: 2}
  ],

  product_properties: [
    {name: 'Test1', id: 10, product_id: 1},
    {name: 'Test2', id: 11, product_id: 1},
    {name: 'Test3', id: 12, product_id: 2}
    {name: 'Test4', id: 13, product_id: 2}
  ]

}

我可以调整 API 响应以匹配 redux-orm。

我的问题是:

我想避免做 ProductProperty.first().set({product: Product.first})——也就是说我不想显式设置关联(子记录)并让 redux-orm 自动推断它们.

有什么方法可以指定 redux-orm 可以查找的外键吗?

最佳答案

我向您推荐的是为您的 API 使用 json api 标准。

这样,在您的 API 返回中,您的 products 将有一个 relationships 键,这将帮助您将它映射到 included 产品属性。像这样的东西:

{
  data: [
    {
      type: 'product',
      id: 1,
      name: 'P1',
      relationships: [
        product_property: [
          {
            data: {type: 'product_property', id: 10}
          },
          {
            data: {type: 'product_property', id: 11}
          }
        ]
      ]
    },
    {
      type: 'product',
      id: 2,
      name: 'P2',
      relationships: [
        product_property: [
          {
            data: {type: 'product_property', id: 12}
          },
          {
            data: {type: 'product_property', id: 13}
          }
        ]
      ]
    }
  ],

  included: [
    {type: 'product_property', name: 'Test1', id: 10},
    {type: 'product_property', name: 'Test2', id: 11},
    {type: 'product_property', name: 'Test3', id: 12}
    {type: 'product_property', name: 'Test4', id: 13}
  ]
}

这样,您就可以更轻松地制作一个标准的 API 解析器,将您的 json api 资源映射到您的 redux-orm 存储。您为每个 product 和每个 product_property 创建一个 redux-orm 资源。比起遍历产品 relationships 并链接它们。

希望对您有所帮助。

最佳

关于redux - 如何在 Redux-orm 中将 API 响应映射到数据库状态,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/44497657/

相关文章:

javascript - Many() 与 redux-orm 中相同模型的关系

reactjs - 使用 React + Redux-ORM 的选择器。将数据传递给子组件

javascript - 避免重复州名

javascript - Redux:将选择器导入 Action ?

javascript - 在 Redux 中使用 Action 创建器的主要好处是什么?

javascript - 为什么我没有在 react 中获得更新的 Prop 值(value)

javascript - 仅仅为了测试而创建不同的商店是错误的吗?

javascript - 如何为 Redux ORM 构建模型