マップ関数を使用してデータを反復処理するときにdivが読み込まれない

Question

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

           </div> 

アイテムが利用可能な場合、elseパーツにも行かないが、商品、イベントを反復することはありません。どうすれば修正できますか？私はアイテムがcart[products]

Answer 1

でもかっこはかっこですか？私は平均で

... 

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

... 

Answer 2

で利用できるようになっていることがわかりますにもかかわらず

は、以下のことを試してみてください。これがレンダリングされない場合は、値cartLoading、cart、およびcart.productsを調べる必要があります。 cart.productsが真の配列であり、明白なオブジェクトでないことも確認してください。

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