reactjs - 使用 React Reselect 过滤 2 个数组

Question

我正在使用React Reselect并且我正在尝试过滤 selectedClients 以便我只返回具有 selectedClientsIds id 的 clients.all。

selected_clients.js

import _ from 'lodash';
import { createSelector } from 'reselect';

const clientSelector = state => state.clients.all
const selectedClientSelector = state => state.selectedClientIds

const getClients = (all, selectedClientIds) => {
    const selectedClients = _.filter(
        all,
        client => _.contains(selectedClientIds, all.id)
    );

   return selectedClients;
};

export default createSelector(
    clientSelector,
    selectedClientSelector,
    getClients
);

clients.all 商店如下所示：

[
    {
        "id": 1,
        "name": “Bob”,
    },
    {
        "id": 2,
        "name": “Mary ”,
    }
]

selectedClientIds 存储如下所示：

[1]

我如何将两者结合起来仅显示具有来自 selectedClientId 的 id 的客户端列表？使用上面的过滤器，我不断得到一个空数组

 []

Answer 1

client.id你不需要通过all.id

const getClients = (all, selectedClientIds) => {
    const selectedClients = _.filter(
        all,
        client => _.contains(selectedClientIds, client.id)
    );

   return selectedClients;
};