如何使用按钮而不是搜索输入来过滤反应数据

Question

我正在尝试根据存储在 NodeJs 中的类别过滤 React 中的产品。 使用输入的搜索正常工作，但是当我尝试使用按钮过滤它们时，它只过滤第一个按钮（例如：Tart），一旦我点击另一个按钮，所有产品都会消失，直到我刷新页。 我已经试了两天了，我想不通。

• 获取数据在此处输入图像描述

• 输入过滤器和按钮过滤器在此处输入图像描述

• 类别在这里输入图像描述

• 产品在这里输入图片描述

Answer 1

这里的问题似乎是您使用的是filteredProducts ，而不是使用 state，您使用setProduct即产品分配了值。

您应该改为执行product.map(x)=>{...} 。

下次您发布问题时，请确保您以文本形式而不是图像形式提供代码，否则很难阅读。