javascript - map() 返回不在 react 组件中呈现

Question

我正在尝试在第二次渲染中渲染数据，并在其上映射 JSON 数据。我必须查看两个对象才能找到匹配的 product_ids

我在这里做错了什么？

  { 
    this.props.productGroups.map((productGroup) => {
      return (
        <TabContainer key={productGroup.id}>
          <h3>{productGroup.title}</h3>

          {
            productGroup.product_ids.map((productId) => {
              this.props.products.map((product) => {
                if (product.id == productId) {
                  return (
                    <div>
                      test
                    </div>
                  )
                } else {
                  console.log('miss')
                }
              })
            })
          }

        </TabContainer>
      )
    }) 
  } 

旁注，我知道这是回调 hell ，只是不确定重构它的最佳方法。

Answer 1

您的第一个 .map() 在 this.props.... 之前缺少返回值

return this.props.products.map((product) => {