2016-12-14 55 views
0
<div className="wrapper" > 
            { 
        (true) 
            ? 
        cart['products'].map(product => function() { 
        <div className="main"> 
            product 
        </div> 
         }) 
            : 
            false 
            } 

           </div> 

當項目可用時,它永遠不會迭代產品,事件,儘管它不會到其他部分。我如何解決它?當使用地圖功能迭代數據時div未加載

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

回答

0

可能是,它是括號?我的意思是

... 

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

... 
+0

No:/這是地圖的東西,它沒有進入 –

+0

另一個猜測:) cart ['產品']。map(product => function(){

product
}) –

+0

那麼,按Enter鍵不是一個好主意。我想知道,我可以編輯帖子嗎?無論如何,另一個猜測是,你沒有把「返回」之前div。 –

0

成爲可嘗試以下。如果這不呈現,您應該檢查值cartLoading,cartcart.products。另外驗證cart.products是一個真正的數組,而不是一個普通的對象。

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

P.S. - 它看起來並不像你想要那裏的三元操作,否則你有時會渲染「false」這個詞。但是,我不想在我的回答 –

+0

中修改您的邏輯感謝您的迴應傑夫,但它仍然無法正常工作。我根本得不到這個元素。我嘗試了兩種表情。 –

+0

編輯我的答案,希望有所幫助! –