NgRx 复合选择器

Question

有没有办法在 NgRx 中创建复合选择器？

例子：

export const paramSelector = (id) => createSelector(
  someState,
  state => state[id]
);

export const selectedId = createSelector(
  someOtherState,
  state => state.id
);

export const compoundSelector = createSelector(
  selectedId,
  id => paramSelector(id),
  state => state
);

显然上面的代码不起作用。有什么方法可以得到想要的结果（最后剪掉）？

---

这个想法是有专门的参数化选择器，以及一些使用它们的更高级别的选择器。想象一下paramSelector 更复杂。有时您想使用带有特定参数的paramSelector。有时您不想自己提供参数，而是想从商店的某个地方获取它（例如路由器状态）。

现在，您再也不想重复相同的代码，因此需要一个复合选择器。

---

编辑

功能请求已创建。可以找到here。

Answer 1

您的第一个 sn-p 应该可以工作，第二个不会 - 有关更多信息，我将您推荐给 NgRx: Parameterized selectors。

例如：

export const selectCustomer = (id: string) => createSelector(
  getCustomers,
  customers => customers[id]
);

在下一个版本中，可以为您的选择器添加额外的道具，如下所示：

export const getCustomerById = createSelector(
  getCustomers,
  (customers, props) => customers[props.id]
)