反应多个条件过滤

Question

我创建的就像一家商店，不是为了生产，而是为了练习。我想按条件（大小，模型）进行过滤，当我添加模型，单击过滤器，然后添加大小，单击过滤器以过滤大小时，它可以工作。

例如，问题是，当我删除所有尺寸并在尺寸过滤上单击过滤器时，它会返回所有产品，如果根本没有过滤条件但仍然有品牌条件，这没关系。

这是Stackblitz项目：https://stackblitz.com/edit/react-jevhb9

Answer 1

可以通过

找到您的问题

{filterArray.length > 0 ? (
      <ProductGrid products={filterArray} />
    ) : (
      <ProductGrid products={products} />
)}

在点击大小过滤器后，当应用呈现内容时，您的filterArray为空，因此返回包含所有数据的产品数组