What is wrong with my filter method on this selector?

user_11319591 0
Viewed 40

It is always returning an empty array. It should only return ids and titles where the id of the drawsTRFormIdAndTitleSelector is === the transactionRequestFormId of the drawTRSelector

export const idAndTitleSelector = createSelector(
  drawTRSelector,
  drawsTRFormIdAndTitleSelector,
  (transactionRequests, idAndTitle) =>
    idAndTitle.filter(
      ({ id }) => id === transactionRequests.transactionRequestFormId
    )
);

drawTRSelector returns an array of objects that looks like:

[{
  id: "1",
  number: "1",
  transactionRequestFormId: "1",
}]

drawsTRFormIdAndTitleSelector returns an array of objects that looks like:

[{
  id: "1",
  title: "TR All Others",
}]
reselect redux reactjs
1 Answers

I think you want to do something like this:

const drawTRSelectorIds = createSelector(
  [drawTRSelector],
  (items) => items.map(({ id }) => id)
);
export const idAndTitleSelector = createSelector(
  drawTRSelectorIds,
  drawsTRFormIdAndTitleSelector,
  (ids, idAndTitle) =>
    idAndTitle.filter(({ id }) => ids.includes(id))
);
user_16419410
Related