如何退回符合条件的商品？ [复制]

Question

我正在使用map，它返回我的 html 元素：

const activeStep = 1;

{filteredData.map((el) => (
  <MarketItem el={el} />
))}

但是我怎样才能做出一些条件，它会返回响应条件的相同元素。

所以，当 activeStep === 1 时，我只需要返回 filteredData 中具有类似 el.isSelected === true 的键和值的元素，否则如果 activeStep !== 1 我需要从 filteredData 返回所有元素el.isSelected !== true

Answer 1

您可以通过传递 lambda 函数来使用filter 方法。

const activeStep = 1;

{filteredData.filter((el) => activeStep == 1 ? el.isSelected : true).map((el) => (
   <MarketItem el={el} />
))}