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

Question

我正在尝试将 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 可以查找的外键吗？

Answer 1

我向您推荐的是为您的 API.

使用 json api 标准

这样，在您的 API return 中，您的 products 将有一个 relationships 键，可以帮助您将其映射到 included product_properties。类似于：

{
  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 和 link 它们。

希望对您有所帮助。

最佳

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

How to map API response to database state in Redux-orm

redux

redux-orm