小编Mic*_*hał的帖子

假设我有一个api端点/categories,它返回一个类别数组

[
  {
    id: '1'
    name: 'category-1'  
  },
  {
    id: '2'
    name: 'category-2'  
  }
  ...
]

和端点,用于items/:categoryId返回返回项目数组的类别中的项目

[
  { id: '1', name: 'item-1' },
  { id: '2', name: 'item-2' }
  ...
]

在UI上,我显示了一个类别列表,我可以展开这些类别并延迟加载项目列表.我希望能够扩展多个类别,并且需要能够添加,编辑和删除项目.

为这样的场景组织国家的最佳方式是什么？

目前我的州看起来像这样:

{
  entities: {
    categories: {
      '1': {
        id: '1'
        name: 'category-1'  
      },
      '2': {
        id: '2'
        name: 'category-2'  
      },
      ...
    },
    items: {
      '1': {
        id: '1'
        name: 'item-1'  
      },
      '2': {
        id: '2'
        name: 'item-2'  
      },
      ...
    }
  },

  categories: …