react-redux中的嵌套动作

Question

我有两个动作，它们会过滤我的默认数据。 这些动作是：

export function filterBySide(data, product_side) {
    const filtered_side_data = data.filter(record =>{
        return record.side.match(product_side)
    });

    return {
        type: FILTER_BY_SIDE,
        payload: {
            filtered_side_data
        }
    };
}
export function filterByStatus(data, product_status) {
    const filtered_status_data = data.filter(record =>{
            return record.status.match(product_status)
    });

    return {
        type: FILTER_BY_STATUS,
        payload: {
            filtered_status_data
        }
    };
}

我将它们附加在两个下拉列表中，它们将我的数据过滤在一个网格中。 我的问题是我希望它们同步执行。 更精确地说，当我选择产品的一面然后选择产品状态时，我想按状态过滤我已过滤的数据

Answer 1

您可以在列表组件内部进行过滤。 只需在商店中记录选择了哪些过滤器，然后在组件中使用它过滤所有数据即可。

我强烈建议您查看redux创作者Dan Abramov的redux教程 。 最后，您将能够正确地创建一个过滤数据的应用程序。