当使用地图功能迭代数据时div未加载

问题描述：

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

           </div>

当项目可用时，它永远不会迭代产品，事件，尽管它不会到其他部分。我如何解决它？当使用地图功能迭代数据时div未加载

即使我可以看到物品cart[products]

答

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

... 

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

...

No：/这是地图的东西，它没有进入 –

另一个猜测:) cart ['产品']。map（product => function（）{

product

}） –

那么，按Enter键不是一个好主意。我想知道，我可以编辑帖子吗？无论如何，另一个猜测是，你没有把“返回”之前div。 –

答

成为可尝试以下。如果这不呈现，您应该检查值cartLoading,cart和cart.products。另外验证cart.products是一个真正的数组，而不是一个普通的对象。

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

P.S. - 它看起来并不像你想要那里的三元操作，否则你有时会渲染“false”这个词。但是，我不想在我的回答 –

中修改您的逻辑感谢您的回应杰夫，但它仍然无法正常工作。我根本得不到这个元素。我尝试了两种表情。 –

编辑我的答案，希望有所帮助！ –

当使用地图功能迭代数据时div未加载

相关推荐