React 多条件过滤

【问题标题】：React multiple criteria filteringReact 多条件过滤
【发布时间】：2018-09-18 08:43:35
【问题描述】：

我像商店一样创建，不是为了生产，只是为了练习。我想按标准（尺寸、型号）进行过滤，当我添加模型、单击过滤器、然后添加尺寸、单击过滤器以过滤尺寸时，它会起作用..

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

【问题讨论】：

【解决方案1】：

您的问题可以通过

找到

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

当应用程序在点击尺寸过滤器后渲染内容时，您的 filterArray 为空，因此返回包含您所有数据的产品数组

【讨论】：