使用map函数迭代数据时div不加载

Question

<div className="wrapper" >
                                   {
                    (true)
                                   ?
                    cart['products'].map(product => function () {
                    <div className="main">
                                  product
                     </div>
                       })
                                   :
                                   false
                                   }

                                </div>

当项目可用时，它永远不会迭代产品，事件虽然它也不会转到其他部分。我该如何解决？

即使我可以看到cart[products]

中的项目可用

Answer 1

尝试以下方法。如果这不会呈现，则应检查值cartLoading，cart和cart.products。还要验证cart.products是否为真实数组，而不是普通对象。

<div className="wrapper">
    {
        !cartLoading && cart && cart.products && cart.products.map(product => () =>
            <div className="main">
                ${product}
            </div>
        )
    }
</div>

Answer 2

可能是，它是括号吗？我的意思是

...

(cart && cart['products'] && !cartLoading)

...