将网格布局地图坐标反应为唯一ID

Question

我目前正在使用React Grid Layout从API填充项目列表。

下面是我当前的布局对象。

[
   {
      "w":1,
      "h":1,
      "x":0,
      "y":0,
      "i":"index_00",
      "moved":false,
      "static":false,
      "isResizable":false
   },
   {
      "w":1,
      "h":1,
      "x":1,
      "y":0,
      "i":"index_01",
      "moved":false,
      "static":false,
      "isResizable":false
   },
   {
      "w":1,
      "h":1,
      "x":0,
      "y":1,
      "i":"index_10",
      "moved":false,
      "static":false,
      "isResizable":false
   },
   {
      "w":1,
      "h":1,
      "x":1,
      "y":1,
      "i":"index_11",
      "moved":false,
      "static":false,
      "isResizable":false
   },
   {
      "w":1,
      "h":1,
      "x":0,
      "y":2,
      "i":"index_20",
      "moved":false,
      "static":false,
      "isResizable":false
   },
   {
      "w":1,
      "h":1,
      "x":1,
      "y":2,
      "i":"index_21",
      "moved":false,
      "static":false,
      "isResizable":false
   }
]

我有从另一个API获取的项目。项目api列表包含order_id，在通过与布局对象进行映射来呈现项目时，必须使用order_id。

下面是示例项目响应

Var data = [
{id: “1”, name: “test”, order_id:1},
{id: “2”, name: “tesdst”, order_id:2},
{id: “3”, name: “teedsst”, order_id:3}
] 

我正在寻找一种使用布局坐标映射order_id的方法，以便基于order_id我需要显示布局？我应该只将order_id保存到数据库。

任何指针或引用都可能有帮助。