【问题标题】:How to map API response to database state in Redux-orm如何将 API 响应映射到 Redux-orm 中的数据库状态
【发布时间】:2017-06-17 16:06:40
【问题描述】:

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

【问题讨论】:

    标签: redux redux-orm


    【解决方案1】:

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

    这样,在您的 API 返回中,您的 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 并链接它们。

    希望这会有所帮助。

    最好的

    【讨论】:

    • 这是有道理的。但是,我正在寻找的是:有什么方法可以组织我的 API 响应,这样我就不必循环关系?比如:我指定了外键、关联名称和关联模型,redux-orm 从那里获取?
    • 我认为这是不可能的。 Redux-orm 不会自己做所有事情。您必须创建父母和关系,然后将它们联系在一起。您有责任从您的 API 响应中正确创建实体并将其链接在一起。 那么,redux-orm 将帮助你检索、查询和显示它们。但是你需要在你的 api 的输入上做一些工作!
    猜你喜欢
    • 2021-07-07
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2018-09-13
    • 1970-01-01
    • 1970-01-01
    • 2021-05-23
    相关资源
    最近更新 更多