map 如何在 ReactJs 的 filter() 中抛出 forEach()

Question

我在 filter() 中映射 throw forEach() 时遇到问题，我正在尝试 过滤产品 所以 每个产品对象 我想进入 product.categories 数组 ， 我想 检查每个 产品类别 如果 产品类别 ID === 页面类别 ID 然后 map 抛出它们，并显示匹配的产品，但什么也没有显示。

<div>
    {products.filter(filterProduct => filterProduct.categories.forEach(eachProductCategory => eachProductCategory.id === category.id)).map(product => (
                              <Product />
</div>

Answer 1

您可以尝试 .some 而不是 forEach

<div>
  {products
    .filter((filterProduct) =>
      filterProduct.categories.some(
        (eachProductCategory) => eachProductCategory.id === category.id
      )
    )
    .map((product) => (
      <Product />
    ))}
</div>

forEach 没有 return 任何问题

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/forEach

map 如何在 ReactJs 的 filter() 中抛出 forEach()

How map throw forEach() inside the filter() in ReactJs

javascript

e-commerce

reactjs