Question

我正在使用重新选择从商店中获取我的数据。我保留了Divisions和Teams的列表，每个部门都有自己的团队列表。我还记录了活动的Divisions并将它们保存在数组activeIds中。

基本上我有这种树结构：

const divisions = {
  activeIds: [], // this contains the selected division IDs
  list: {
      1: {
        name: 'Division 1',
        teams: [1,2,3]
      }
      2: {
        name: 'Division 2',
        teams: [4,5,6]
      }
      // and so on...
  }
}

const teams = {
  1: { name: 'Team 1' }
  // and so on...
}

我有一个getActiveDivisions选择器，它遍历activeIds数组并使用Division数据进行水合，结果是：

// if activeIds contain [1,3]

const activeDivisions = {
  1: {
    name: 'Division 1', 
    teams: [1,2,3]
  }
  3: {
    name: 'Division 3',
    teams: [7,8,9]
  }
}

现在我想创建一个getActiveDivisionsWithTeams选择器，它基本上与activeDivisions树具有相同的结构，但是使用了水合作用的团队，例如：

const activeDivisionsWithTeams = {
  1: {
    name: 'Division 1', 
    teams: {
      1: { name: 'Team 1' },
      2: { name: 'Team 2' },
      3: { name: 'Team 3' }
    }
  }
  // and so on...
}

或者我应该为水分队保留一份不同的名单？

// Notice there is no `name` on division entry
const activeDivisionsWithTeams = {
  1: {
    teams: {
      1: { name: 'Team 1' },
      2: { name: 'Team 2' },
      3: { name: 'Team 3' }
    }
  }
  // and so on...
}

或者什么是处理这种情况的最佳方式？

Answer 1

我认为完全补充数据是不错的做法。

如果您要为所有团队展示某些内容，请将每个ID传递给子组件，然后子组件可以使用选择器来获取所需的数据。

或者如果您正在进行一些需要不同部分数据的计算，那么请在选择器内执行此操作，而不是返回完全水合的数据。

使用选择器组合嵌套结果

1 个答案: