什么是更好的项目数据结构

问：

我是编程新手。现在我正在用 react 开发 SPA。这很简单。我正在尝试在不同的数据结构之间进行选择。 第一：

 {
  subject1: {
    category1: {
        subcategory1: {
           item1: {
              key1: prop1,
              key2: prop2
           }
         }
    }
  },
subject2: {
  category2: {
     subcategory2: {
       item2: {
         key1: prop1,
         key2: prop2
       }
     }
   }
},

}

艺术

[
  {
   subject1: "ddd",
   category1: "ddd",
   subcategory1: "ddd",
   key: prop,
   key: prop,
 },
 {
   subject2: "ddd",
   category2: "ddd",
   subcategory2: "ddd",
   key: prop,
   key: prop,
 },
{
   subject1: "ddd", // subjects, categories and subcategories may repeat
   category3: "ddd",
   subcategory3: "ddd",
   key: prop,
   key: prop,
 }
]

基于该结构，我将基于下拉列表形成导航。 你能告诉我什么更好选择，什么更好维护吗？