反应多个标准过滤

Question

我创造了一个像商店，它不是为了生产，只是为了练习。我想按标准（大小，型号）进行过滤，当我添加模型，单击过滤器，然后添加大小，单击过滤器以过滤大小时，它可以工作。

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

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

Answer 1

你的问题可以找到

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

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