javascript - React 多条件过滤

Question

我像商店一样创建，它不是为了生产，只是为了练习。我想按条件（尺寸，型号）过滤，当我添加模型时，单击过滤器，然后添加尺寸，单击过滤器以过滤尺寸..

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

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

Answer 1

您的问题可以通过

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

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