格式化我的 JSON 以进行渲染和查找的最佳方式

Question

我想在这样的表中显示数据：

<div>
      <table>
        <tr>
            <td>Rows</td>
            <td>List 1 </td>
            <td>List 2 </td>
        </tr>
        <tr>
            <td>Row 1</td>
            <td>task 1, task 2</td>
            <td>task 3</td>
        </tr>
        <tr>
            <td>Row 2</td>
            <td>task 4</td>
            <td>task 5, task 6</td>
        </tr>
      </table>
    </div>

因此，我希望我的 API 返回格式良好的 JSON 以便我可以轻松地呈现此表，并对表格单元格内的实际数据执行查找（如字典/ hashmpa 查找）。

我的 JSON 响应当前如下所示：

 "table": {
        "id": "aecf78db-e893-40e7-8a5a-e4150cc5129c",
        "data": {
            "row1": {
                "list1": [
                    {
                        "task1": {
                            "sort": 1
                        }
                    },
                    {
                        "task2": {
                            "sort": 2
                        }
                    }
                ],
                "list2": [
                    {
                        "task3": {
                            "sort": 1
                        }
                    }
                ]
            
            },
            "row2": {
                "list1": [
                    {
                        "task4": {
                            "sort": 1
                        }
                    }
                ],
                "list2": [
                    {
                        "task5": {
                            "sort": 1
                        }
                    },
                    {
                        "task6": {
                            "sort": 1
                        }
                    }
                ]
              
            }
        }
    },
    "lists": [
        {
            "list1": {
                "name": "List 1",
                "sort": 1
            }
        },
        {
            "list2": {
                "name": "List 2",
                "sort": 2
            }
        }
    ],
    "rows":
    {
        "row1": {
            "title": "Row 1"
        },
        "row2": {
            "title": "Row 2"
        }
    }
    ,
    "tasks":
    {
        "task1": {
            "title": "task 1",
        },
        "task2": {
            "title": "task 2",
        },
        "task3": {
            "title": "task 3",
        },
        "task4": {
            "title": "task 4",
        },
        "task5": {
            "title": "task 5",
        },
        "task6": {
            "title": "task 6",
        },
    }
};

因此，“数据”部分具有每一行和每一列（列表）的映射，每个销售内部都是实际任务。 实际值存储在 JSON 中自己的部分中。

我的想法是让映射包含每个行/列表/任务的“id”，然后在 JSON 的单独部分中包含每个 object 的实际详细信息。

这个 JSON 看起来效率高还是它们是布局我的数据的更好方法？

这是使用 redux 工具包的新 reactjs 应用程序。